有人能解释一下event.preventDefault()和event.stopPropagation()之间的区别吗
我有一个表，在这个表中我有一个img标记。
当我点击img标签时，我想看到一个弹出窗口。
但是我也想停止对多行的选择，所以我使用：
$("table.items tbody tr").click(function(event) {
event.stopPropagation();
});
当我使用js代码时，弹出窗口没有出现；
如果我删除js代码，弹出窗口就会正常工作。
$(".info").live("clic
浏览 0提问于2013-08-09得票数 16
回答已采纳
1回答
视频JS和SWF点击事件
、、、、
我使用"video.js“，并写了一些Javascript，让其他视频播放停止，如果另一个被点击和播放。这在IE9+、Chrome、Safari和其他使用HTML5 <video>标记的现代浏览器中运行得很好。
我的问题在于IE8和SWF/Flash的退路。单击事件似乎没有在点击时触发。
$('div.video-js').on('click', function() {
var $this = $(this),
player = videojs($this[0]);
thisVideo
浏览 2提问于2013-12-17得票数 0
回答已采纳
1回答
我使用p5.js库与reactJS一起实现一些可视化。
我已经实现了:当我点击鼠标并拖动到屏幕上时，背景(比如画布)会改变颜色。这是使用p5.js实现的
我想要的:我已经创建了一个可拖放的HTML元素。但是，当我单击并拖动我的新元素时，画布也会响应单击并更改颜色。我希望我的点击只影响新的分层元素，而不是画布。
我尝试将新元素设置为更高的z索引，将画布容器设置为较低的元素。然而，这是行不通的。任何帮助都将不胜感激！
浏览 3提问于2020-09-05得票数 0
回答已采纳
我使用元素ui的el-popover来显示我的弹出窗口。但是当我点击外边的爆米花时，就不会关闭了。也许我阻止了一些事件的发生，或者阻止了popper.js使用的其他一些元素。请给我一些建议，或者是否可以为popper.js指定一个元素来处理关闭弹出窗口的事件？
浏览 5提问于2019-05-14得票数 0
回答已采纳
1回答
表单验证失败，但提交页面
、、、
我有一个使用GET作为方法的表单。我想在表单上做一些js验证。我使用以下命令绑定事件：
document.forms[0].onsubmit = function(){return myObj.myFrm.isFormValid();}.
在Firefox中，它可以在我第一次点击submit时工作，但如果我再次点击它，即使我没有更改和数据，表单也会提交。
有什么想法吗？
浏览 2提问于2011-04-09得票数 0
6回答
<script type="text/javascript" src="/js/jquery1.8.3.js"></script>
<script>
$(document).ready(function(){
$("li").has("ul").bind("click",function(e){
console.log($(this).text());
});
});
</script>
<ul>
<
浏览 5提问于2013-11-05得票数 2
回答已采纳
1回答
我正在使用Bootstrap通过以下代码构建导航栏：
$(document).ready(function() {
$('.review').on('click',function() {
alert('test');
})
})
.navbar-light {
position: fixed;
width: 100%;
height: 5%;
z-index: 100000;
}
.navbar .row {
width: 100%;
}
<!doctype html>
<html lan
浏览 0提问于2018-06-27得票数 1
2回答
我为jquery使用了这个弹出式插件，得到了一些奇怪的行为。我已经联系了创建者，但没有得到任何答复，我想在这里询问我的代码是否有任何一般问题。
设置:在新选项卡中打开页面的常规html链接(适用于JS残障用户)。
下面的js要捕捉链接，请单击并动画弹出窗口，而不是跟随链接。
问题是:它在每次页面加载的第一次点击都能正常工作，但之后的点击会跟随href。
js
$("a[class*='popupbox-link']").live("click",function (e) {
if($("#popupbox").l
浏览 0提问于2011-07-14得票数 0
1回答
我有一个iframe实例，它包含一个带有单击处理程序的元素。iframe包含一个带有播放按钮图形的视频，并附加了一个单击事件。单击事件触发视频播放，隐藏自己，并console.logs一条消息，说明它已被触发。
这在桌面浏览器上功能很好，当我直接导航到iOS设备上的iframe时。但是，当iframe嵌入时，play按钮的单击/点击事件不会被触发。
下面是我的例子的链接：
指向视频页面的直接链接：(在iOS上工作)
指向带有视频iframed的页面的链接：(不触发单击/点击事件)
附加事件的文件/行号在/js/jm/video-player.js ~第52行中，如下所示：
els.play
浏览 3提问于2014-03-28得票数 3
回答已采纳
我使用的是Twitter Bootstrap 3.1远程模式：
<!-- Modal -->
<div class="modal fade" id="remoteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-c
浏览 2提问于2014-03-05得票数 0
2回答
单击窗体上的“提交”关闭模式窗口
、、、、
我有一个模式窗口，允许用户提交一个表单作为调用操作之一。然而，点击‘提交’关闭模式窗口，但我不希望它。。
要激活模式窗口，用户可以单击任何互联网选项的“卡片”上的黄橙色“开始”按钮。然后，要填写和提交表单，用户单击“请求回调”按钮。实际上，来找，点击任何地方接受“请求一个回调”按钮关闭模式窗口，而不仅仅是点击‘提交’按钮。
我试过使用以下代码：
if ( $(event.target).is('.modal-window-content') ) {
return false;
}
if ( $(event.target).is('input') ) {
浏览 12提问于2015-04-20得票数 0
回答已采纳
2回答
我有一个按钮，用户可以点击按钮一次以上，如果他想的话。但是当用户点击按钮时，他可能会不小心点击两次，在这种情况下，第二次点击应该被代码阻止。
如果我进一步解释。它们应该是两次点击之间的一个小延迟。
我如何使用vue js来实现这一点？
在Vue docs 中我找到了.stop
<button @click.stop="myFunction">Increase</button>
这能完成我想要的工作吗？
浏览 6提问于2019-02-13得票数 6
回答已采纳
我有一个滑动的JS菜单，当你点击"noty_menu“链接时，它会打开，当你再次点击该链接时，它会关闭。有没有办法将其设置为当您在页面上的任意位置单击时关闭菜单？
相关代码如下：
$('.noty_menu').click(function () {
$('ul.the_menu').slideToggle('medium');
});
提前感谢！
浏览 0提问于2012-04-09得票数 3
回答已采纳
2回答
我从用户发布数据到php脚本，并显示作为结果的响应。
我的问题是在我点击按钮后，它重新加载页面并清空所有文本框，而不显示来自服务器脚本的回复。
HTML：
<div class="show" id="show"></div>
JS：
$( "#submit" ).click(function(event) {
event.stopPropagation();
//var cat = $("#cats option:selected").html()
浏览 1提问于2014-07-04得票数 0
1回答
请遵循以下两个步骤：
点击input聚焦于它
现在单击button
$("input").on({
focusout: function() {
this.value += "one|";
}
});
$("button").on("click", function(){
$old_val = $("input").val();
$("input").val($old_val+"two|");
});
<script sr
浏览 2提问于2017-01-20得票数 9
回答已采纳
我对slideToggle()有个问题。当我单击子菜单项目时，我的ul和sub关闭。我有ul：
$('.menu-pages li').click(function() {
$(this).children('.sub-menu').slideToggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="menu-pages"&g
浏览 0提问于2018-10-26得票数 0
回答已采纳
我目前正在建立一个客户端的Facebook应用程序使用新的时间线布局，这意味着没有登录页面等。无论如何，有一个应用程序，我们希望用户去有一个恼人的‘扇门’，在那里你必须‘喜欢’页面才能查看完整的应用程序。我们决定在页面中有一个' Like‘按钮，这意味着我需要在他们点击Like后手动进行刷新/重定向，以显示正确的应用程序。
我使用以下代码来实现这一点：
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElement
浏览 0提问于2012-03-29得票数 0
回答已采纳
1回答
我在链接块内有js操作的块，当用户用鼠标点击带有child_container类的块(见代码底部)时，函数parent_link_trigger将被触发。如果我将类为child_container的元素移到外部，那么很多逻辑都会被破坏，因此需要花费大量的时间进行重构。下面是我的代码：
<a class="parent_container" onclick="parent_link_trigger(); return false;" >
<div><span>here some text</span>
<
浏览 1提问于2019-05-01得票数 0
html：
<div id="container">
<div class="desc">desc</div>
<a href="foo.php">foo</a>
</div>
js：
$('#container').click(function(){
...
my_function();
...
});
当用户在容器内部单击时，除了a标签之外，这是有效的。
如果用户单击标记，则会激发click事件。但是，我想禁用一个标签的自定义点击功
浏览 2提问于2011-04-14得票数 2
回答已采纳
我有这段代码，它将我的内容加载到同一个div中，当我点击菜单时，淡入淡出不同的部分。但我不能使用任何指向其他网站的链接。当我点击我创建的那些链接时，它会清除div中的内容，并且不会打开该链接。
有什么解决方案吗？我也尝试添加一个目标属性，它不起作用。
这里是JQuery和HTML部分。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
浏览 1提问于2012-07-28得票数 0
回答已采纳
我有一个输入类型的文件元素：
<input type="file" name="val1" />
和jquery：
$("input[name='val1']").off("click");
但是上面的JS脚本(已经包含在$(function() { });块中)不起作用，这意味着我可以点击Browse...按钮。我想禁用它或禁用此输入元素上的单击事件。
我的jquery代码有什么错误？或者是不可能的？
谢谢
浏览 2提问于2012-03-26得票数 0
回答已采纳
我的页面上有一个带有onclick="toggledropdown()“的div (id="menu")。这个div既有文本，也有img子元素。当单击除图像之外的任何内容时，切换代码都能正常工作。但是，当单击图像时，div会向下滑动，然后再次返回。
切换代码：
function toggledropdown()
{
if ($("#dropdown").is(":hidden"))
{
$("#dropdown").slideDown(400);
}
els
浏览 1提问于2012-09-18得票数 0
回答已采纳
我正在使用AngularJS日历(本质上是Adam Shaw为angular包装的jQuery完整日历)。在我引入ft实验室()的fastclick.js之前，日历事件-项目点击功能在ipad和台式机上都能正常运行。现在，日历事件-项目点击只在桌面上有效，但在ipad上根本不起作用！
然而，其他的ng-click在桌面和iPad上都能很好地使用fastclick。
我通过简单地添加触摸端事件侦听器并在其中调用点击事件来理解fastclick.js是如何工作的，我不明白为什么这会在日历事件-项目点击中失败。
注意:我尝试使用ngTouch而不是fastclick，但是他们的ng-click不会变
浏览 7提问于2013-12-19得票数 31
1回答
使用的版本如下。
·AngularJS 1.2.16
*Bootstrap3.1.1
·AngularUI Bootstratp 0.11.0
var myApp = angular.module('app', ['ngRoute', 'ui.bootstrap']);
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">menu</a>
浏览 2提问于2014-06-08得票数 15
回答已采纳
1回答
我使用的是History.js，一切运行正常。
URL中有引号时除外。
然后，页面加载，并突然触发statechange事件，调用我绑定的函数，而不是正常工作。
当用户在Facebook上点赞我的网站并点击链接时，就会发生这种情况，Facebook会在网址中添加一堆参数，例如：&action_type_map={"183745848938475":"og.likes"}
一旦用户带着一个“in the url”到达我的网站，状态转换就会被调用(在页面加载之后)，页面会认为用户正试图导航到某个地方。
你知道为什么事件会被触发，我能做些什么来阻止这种行为吗？
浏览 0提问于2014-01-24得票数 1
我通过在内容页面上使用单击事件侦听器从网页中获取元素，但是preventDefault只工作了几次。
例如，在上，当我单击菜单栏时，它会重定向到下一个页面，而不是阻止单击操作发生。这是我在content.js中的事件侦听器
document.addEventListener('click', function xyz(e){
e.preventDefault();
//alert(e);
var target = e.target || event.srcElement;
var attributes = Array.prototype.slice.call(target.at
浏览 2提问于2016-04-28得票数 0
回答已采纳
1回答
我正在使用一个普通版本的Bootstrap，并试图为朋友创建一个通用的模板，以便在他们的所有网站上使用。我以前用过靴带，没有问题，但现在有问题了。澄清一下:据我所知，我根本没有修改过引导js或css代码。
问题是，导航栏中的链接是不可点击的。
HTML开头
<head>
<title>Comic Title - Update Schedule</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device
浏览 2提问于2015-12-25得票数 3
回答已采纳
1回答
我从来没有在这里发过帖子，我希望你能帮助我。我有一个js功能，点击将切换显示和隐藏一个段落。但是，我需要将它们嵌套在一起。换句话说：
1)此处有一些文本//单击打开
2)This text opens upon click //Click to open
3)This text opens upon click.
他们说我现在已经写好了，点击1会打开2，但点击2会关闭一切。我现在正在学习JS，所以我现在是最好的，所以我希望这里的专业人士能帮助我。这是我的函数现在的样子，，有人有什么想法吗？
浏览 0提问于2013-05-03得票数 0
1回答
我有一个文本框，我希望用户能够输入TextBox，当他们点击enter时，我希望jQuery对一个web方法进行ajax调用。
问题是，当用户点击enter时，会调用该方法，但由于返回，页面会刷新。我试过使用return false，但没有结果。
这里是代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=7" />
浏览 1提问于2013-04-22得票数 0
回答已采纳
2回答
jquery触摸导航
、、、
下面的代码为android/ipads等添加了触摸导航。它为幻灯片缩略图添加了滑动导航。这很有效，但在平板电脑上不能通过触摸点击缩略图。你可以在pc上点击它们，滑块就会变成平板电脑上适当的slide...not，就像触摸或“点击”什么也不做一样(滑动就行了)
JS小提琴
JS
$('#slider').anythingSlider({
navigationSize : 3,
// Callback when the plugin finished initializing
onInitialized: function(e, slider) {
var time
浏览 4提问于2012-02-22得票数 2
我对jquery不是很熟悉，但我正在尝试获得一个简单的动画gif，以便在提交表单时显示出来。当点击“提交”上传图片时，我想显示gif，这样用户就能知道图片正在被上传。submit按钮有一个id="submit“和一个onClick="return confirm('message')”
我有包含gif的div代码：
<div id="loading" style="display:none">
<img src="images/hand_timer2.gif" alt="load
浏览 1提问于2012-12-14得票数 3
回答已采纳
HTML
<div class="mybox" id="element1">
<div class="mybox" id="element2">
<div class="mybox" id="element3">
</div>
<div class="mybox" id="element4">
</div>
</
浏览 0提问于2012-10-10得票数 1
回答已采纳
1回答
当单击子事件时，我希望防止父事件发生在父事件上。请注意，我没有访问父事件代码的权限。我试过在按钮上做e.preventDefault()，但是没有用。
有什么方法可以忽略所有的父事件时，它的东西被点击？
$(function(){
// Note that this is just an example, I don't have access to this code
// This is some custom event inside custom plugin
$('.container').on('click', functio
浏览 2提问于2015-02-25得票数 0
回答已采纳
3回答
我有一个简单的代码，我想隐藏一个div，如果用户单击这个div中的其他div.container或button，这是我的代码
$('div, button').click(function(){
$('.div').toggle('hide');
})
div{
height: 200px;
width: 200px;
}
.container{
background: pink
}
.div{
background: blue
}
<script src="https://ajax.googleapis.c
浏览 3提问于2016-04-11得票数 2
回答已采纳
1回答
我正在尝试使用CGCreateEventTap来监控全局鼠标点击，但是当我这样做时，它似乎会阻止与我自己的应用程序的交互。在其他运行的应用程序中单击鼠标可以正常工作，但我自己的应用程序(即DemoAppDelegate应用程序)不能完全响应。我可以拖动应用程序的主窗口，但红色/黄色/绿色窗口按钮是灰色的。此外，DemoApp的菜单也无法点击。
这对我来说似乎真的很奇怪，我一直无法弄清楚。使用事件点击的例子很少，所以任何建议都是非常感谢的。
#import "DemoAppDelegate.h"
CGEventRef myCGEventCallback(CGEventTapPr
浏览 6提问于2011-02-19得票数 4
回答已采纳
我有一个只有一个页面的滚动站点运行jquery (不是jquery )，我有一个锚链接来触发下拉菜单(无序列表)的显示。单击drop菜单中的列表项将关联的幻灯片动画到视图中，并隐藏drop菜单。
除了iOS浏览器，一切都工作得很好。我的问题是，链接只有在第一次点击时才能工作。
我曾在iOS上广泛阅读过关于区分鼠标点击和悬停事件的文章。所有的解决方案都不适合我。
我什么都试过了：
使#btn_menu元素成为锚点和div
在链接、li标记、包装div标记上添加游标:指针样式
将锚标记包装在所有列表菜单项上
触发触摸事件，并在第一次单击之后尝试触发触摸结束、菜单单击事件等。
触
浏览 3提问于2013-12-13得票数 0
1回答
我试图使标题的行为像超链接的点击。我遵循这里堆叠溢出的答案：
但是它只适用于双击，标题看起来不像链接(不是下划线)，只有节点球是可点击的，而不是节点标题。总之，很难让用户知道它不是只读网络。
那么，有什么办法我可以得到这3项要求吗？
single (短)单击以重定向节点标题(node.id)上的链接，而不是在悬停时(下划线或颜色变化)时在节点球体样式节点标题上重定向？
以下是我的html文件：
<head>
<script src="//unpkg.com/three"></script>
<script src=&#
浏览 3提问于2021-06-05得票数 0
回答已采纳
1回答
javascript：
(function(){
$('form').ajaxForm({
beforeSend:function(){
$('.bar').width('0%');
$('#output').empty();
},
uploadProgress:function(event, position, total, percentComplete){
浏览 1提问于2014-01-09得票数 0
回答已采纳
1回答
嗨，我所有的工作都是角js，我想在单击删除按钮时添加确认消息。
我试过这个代码：
<a data-ng-click="removeTodo(this)" href="javascript:;"
onclick="javascript:return confirm('Are you sure you want to delete ?')">Delete</a>
这将显示“确定”和“取消”按钮和“确认”框，如果单击“确定”按钮，它将进入下一个进程，但如果单击“取消”按钮，则与“到同一进程确认”框没有隐藏相同(“
浏览 4提问于2013-10-15得票数 0
回答已采纳
2回答
我写了一个简短的内容脚本，它阻止一个特定的站点创建新的链接点击窗口。
这是我的第一个Chrome扩展，我对这个网站和互联网进行了评分，原因是它不能运行，但我找不到。我可能在某个地方犯了一个根本的业余错误。
Manifest.json：
{
"manifest_version": 2,
"name": "DHS Links",
"description": "Stops the school's site from constantly opening new windows.",
"version
浏览 1提问于2014-07-13得票数 2
回答已采纳
当我登录到我的谷歌分析，我得到了页面顶部的加载东西，它不会消失。此外，侧边栏tr#ID-navPanelContainer不显示任何内容(保持空白)。
页面的其余部分工作正常。
这只会在Google Chrome中发生。
有没有人有这方面的经验？有什么办法可以解决这个问题吗？
我需要侧栏来获得功能，如交通流量和事件
编辑:这是我看到的一些截图。在登录时
然后如果我点击All Accounts
然后如果我点击我的帐户：
EDIT2：
我在开发人员工具中得到这个错误：
/analytics/web/#home/a29378725w55476325p56482285/:1GET h
浏览 5提问于2012-04-17得票数 1
回答已采纳
1回答
在一个大型的GWT web项目中，假设我们在一个按钮点击函数上放置了一个断点，当断点到达时，它会在eclipse中发生什么动作？有没有计时器JS在运行，直到我们继续经过断点？只是好奇地想知道，如果这听起来很傻，我很抱歉！
浏览 1提问于2012-06-19得票数 3
回答已采纳
2回答
我已经尝试了三个不同的jquery插件，试图在我单击带有图像的链接时显示一个lightbox。这是我目前正在尝试的，我已经在头部添加了插件源，图像链接的 =‘lightbox’，但当我点击一个图像时，它会使浏览器打开该图像。
这就是我脑子里的东西
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="
浏览 0提问于2011-08-01得票数 1
回答已采纳
2回答
如何阻止网格加载
、、
我有一个ADF jsff页面，其中包含一个af:inlineFrame --此帧调用slickGrid，在保存时，我验证网格单元格，并通过显示警告消息显示错误消息。一旦我点击ok，我希望网格保持原样，但是网格再次加载。在显示警告消息之后，我尝试了window.frames[0].stop()；但是这没有帮助
JSFF:
<af:inlineFrame id="slickFrame"
source="/js/views/tarAutomation.html"
浏览 0提问于2019-10-16得票数 0
回答已采纳
我试图在页面上的某个按钮被点击后添加一个jQuery点击监听器。单击按钮后，单击页面上的任意位置，脚本将运行。问题是，处理程序在您单击按钮后立即运行，而不是等待“主体”单击。代码如下：
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
</head>
<body>
<button data-stat="off" onclick="handler(
浏览 0提问于2016-10-24得票数 1
2回答
我有一个手风琴，里面有一个链接，但是每当我点击这个链接时，手风琴就会认为我在试图关闭它。它被设置好了，所以你可以点击手风琴上的任何地方来打开或关闭我想要保存的手风琴，但是当我点击这个链接时，忽略手风琴的行为，然后跟随这个链接。
<div class="wrap">
<div class="top"></div>
<div class="middle">
<h3>Always showing</h3>
<div class=
浏览 1提问于2014-07-22得票数 0
回答已采纳
3回答
涉及的语言: HTML、CSS、JS
背景:我对web开发比较陌生。我有两个相互重叠的元素。一个是滑块，一个是div。滑块位于div的顶部。
代码片段：
<div id="myDiv">
<input id="mySlider" type="range" min=1 max=100 step=1>
</div>
和
initListeners() {
document.getElementById("myDiv").addEventListener("click", di
浏览 5提问于2018-11-15得票数 1
1回答
在我的React应用程序中有一个Navbar组件，当屏幕很小时，它会显示一个Sidebar组件。我在抽屉里用了资料界面来显示侧边栏。我的问题是，只要点击汉堡图标，抽屉就会打开。但当点击链接时，甚至在边栏之外，它都不会关闭。
如何解决这个问题？我做错了什么？这是我的密码。
Navbar.js
import React, { useContext, useEffect, useState } from "react";
import "./navbar.css";
import Sidebar from "./Sidebar";
import { N
浏览 1提问于2022-07-14得票数 5
回答已采纳
我有一个链接，我想当我点击链接的任何部分来做正常的导航，除非我点击按钮(我知道这可以通过preventDefault()实现)。
我在ios(屏幕阅读器)上使用voiceover，当我点击按钮时，preventDefault()在这种模式下不工作(导航是忽略preventDefault()完成的)，所以我希望找到一种策略，以便在没有点击按钮时保持导航，并且当按钮被点击时，它不会继续使用锚标记的导航。
我该怎么做？
function clickedButton(){
console.log("click");
alert("click")
}
body,
浏览 3提问于2022-08-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
