问题标签 [event-capturing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
188 浏览

jquery - event.target 和事件捕获

我对 jquery 很陌生,目前正在阅读“学习 jQuery” 我有一个关于事件捕获和 event.target 的问题。

我有这样的html代码:

根据 jQuery 的事件捕获,jQuery 不支持事件捕获,只支持冒泡。这意味着,如果按钮和 div 元素都绑定到单击事件,并且当我单击按钮时,按钮的单击将首先调用,然后是 div,并且由于不支持事件捕获,这意味着如果我单击 div 区域, 按钮的点击函数不会被调用。

但是,如果我添加这样的内容:

如果我点击按钮,事件目标将是按钮。如果选择器 $("#switcher") 只选择 div 元素,那么当我单击按钮时,它会提醒 event.target 怎么办?我想当我点击按钮时,上面的jQuery根本不会被调用?

0 投票
1 回答
72 浏览

javascript - 冒泡和捕获阶段的行为

有人可以根据代码中 4 种情况的输出,在单击 div2 和 div1 时解释此代码的冒泡和捕获阶段吗?

http://jsfiddle.net/JuKmM/9/

代码:

0 投票
4 回答
93 浏览

javascript - 使用 jquery 捕获事件

我有一个双重事件要管理。这两个事件都是“点击”,它们是用 jquery 处理的。html如下:

然后我有我的点击事件,它在 menufooter 范围内和每个链接范围内触发。代码是这样的:

我需要一个事件捕获操作,单击 span menufooter 必须在单击 span link1 触发之前触发该事件。此时,这两个事件都没有触发。有什么提示吗?

0 投票
1 回答
572 浏览

android - GestureListener - onFling() 不会阻止事件传播

我正在使用 SimpleGestureListener 练习,我可以很好地捕捉到 fling 事件,但即使我的 onFling() 返回 true,布局中的片段也会捕捉到 fling 并对其做出反应。我不希望这种情况发生。

该活动有一个加载片段的 ViewPager(这些片段从 SD 卡中的文件夹加载图像,并且添加到 ViewPager 的片段与文件夹中的图像一样多)。我已将我的自定义 GestureListener 附加到作为 Activity 布局的主容器的 RelativeLayout。我只覆盖了 onFling() 事件。

代码如下:

活动:

手势监听器:

布局:

0 投票
2 回答
8486 浏览

javascript - Event Capturing, Event Bubbling and jQuery.on()

I have an interesting question about event capturing, bubbling and jQuery.on().

I have recently learned more about the difference between event capturing and event bubbling and how the two flow differently in and out of the child-parent elements within the DOM.

So to add an event listener with "event capture direction" i would use:

element.addEventListener("click", myFunction, true);

and to add an event listener with "event bubble direction" i would use:

element.addEventListener("click", myFunction, false);

This is all good and well, but what I want to know is when using jquery.on() to add event listeners, how does one specifiy the event direction in terms of capturing and bubbling?

currently I am using something like:

$('parent selector').on('click', 'child selector', function(){alert('just alert something already...');});

How do I tell jQuery that it needs to add these event listeners in the "event capture direction" or the "event bubble direction"?

0 投票
1 回答
314 浏览

vb.net - 有什么方法可以在 VB.NET 中捕获睡眠键(按钮)?

在表单关闭事件中,我想显示一个消息框,询问我是否真的想让 PC 进入睡眠模式并在用户回答“否”时取消睡眠命令。

即使应用程序最小化或失焦,我也需要检测到这一点。

谢谢。

0 投票
1 回答
3872 浏览

javascript - 需要/首选事件捕获的真实示例?

DOM 方法支持第三个可选的addEventListener布尔参数 (useCapture) 来指示函数是否应该使用事件冒泡或事件捕获作为传播方法。在本文中很好地展示了差异(单击示例和查看代码)。

从 SO 和博客文章的其他问题中,我得出结论,事件冒泡是首选,主要是因为 IE8- 不支持它。

假设我只需要支持 IE9+,在什么情况下事件捕获比事件冒泡更必要或更受欢迎?换句话说,在什么情况下让事件先在最外面的元素上执行,然后在最里面的元素上执行会更好?我正在寻找一个简单的真实世界示例来演示事件捕获的使用...

0 投票
2 回答
106 浏览

javascript - IE中的奇怪事件捕获

我只是在 IE10 和 Chrome 浏览器上测试相同的代码。

jsfilddle链接

我在两个不同的 div 标签中放置了两个不同的标签,它们是 input 和 button。两个元素(输入,按钮)都有 onclick 属性。

我做的很简单

  1. 将光标放在输入标签中
  2. 按回车键

我在 IE10 和 Chrome 上试过这个。

在 chrome 浏览器中,附加在按钮上的事件处理程序尚未执行。但在按钮上附加的 IE 事件处理程序中已执行。

谁能告诉我为什么会发生这场灾难

0 投票
2 回答
58 浏览

javascript - jQuery 冒泡 - MouseOut 问题

在这里演示

我想要实现的目标:

  1. 鼠标悬停时 - 将显示共享图标。

  2. 单击共享图标时,将显示新的 Div

问题

当共享图标上的 MouseOut 时“新 Div 不应该关闭,它必须显示”。

当为大图像完成 MouseOut 时“新的 Div 必须隐藏”

HTML:

JS:

感谢你的帮助!!

0 投票
2 回答
889 浏览

javascript - 选择哪些事件来委派处理程序