event-bubbling相关内容

在事件委托方面,addEventListener与onClick

我正在学习事件是如何工作的,主要是addEventListener中的事件捕获和冒泡。这article对整体理解很有帮助。 捕获和冒泡定义父元素中事件发生的顺序。据我所知this is important是因为事件委托。并且addEventListener实际上并不为您委派事件,它只是搜索委派的事件,这样做正确吗? 除了事件委派之外,是否还有其他原因搜索DOM层次结构? 当我将DOM ..

在类的构造函数中找出实例化对象

如何从 java 的构造函数中获取实例化对象? 我想为某些 GUI 类存储对父对象的引用以模拟事件冒泡 - 调用父处理程序 - 但我不想更改所有现有代码. 解决方案 简短的回答:在 Java 中没有办法做到这一点.(你可以找出哪个班级叫你,但下面的长答案大部分也适用于那里.) 长答案:根据调用位置而神奇地表现出不同的代码几乎总是一个坏主意.这会让任何必须维护您的代码的人感到困惑 ..
发布时间:2022-01-15 11:55:24 Java开发

捕获点击围绕 iframe 的 div

如何在 iframe 周围的 div 上捕获 click 或 mousedown 事件.我尝试将函数附加到 div 上的单击事件,但由于 iframe 永远不会将事件冒泡到周围的 div,因此永远不会调用该函数.有没有办法可以捕获 div 上的事件,然后将其传播到 iframe 以进行默认操作? 解决方案 如果点击在 iframe 区域,iframe 上下文处理点击事件,它不会冒泡到 if ..
发布时间:2022-01-15 11:17:52 前端开发

带有 jQ​​uery 的 Javascript:单击并双击同一元素,效果不同,一个禁用另一个

我有一个有趣的情况 - 我有一个表格行,当前,当我单击“展开"按钮时,该行显示它是隐藏的对应项.包含展开按钮的原始(未隐藏)行在某个单元格中也有一些内容,当单击该内容时,这些内容变得可编辑.我想去掉扩展按钮,并通过双击行本身的任何地方来扩展行,包括单击它时变为可编辑的字段.你已经可以闻到这里的麻烦了. 当我双击一行时,在 dblclick 发生之前,首先会触发两个单击事件.这意味着如果我双击 ..
发布时间:2021-12-19 22:23:41 前端开发

如何取消绑定正在调用 event.preventDefault()(使用 jQuery)的侦听器?

jquery 切换默认调用 preventDefault(),所以默认值不起作用.你不能点击一个复选框,你不能点击一个链接等等 是否可以恢复默认处理程序? 解决方案 就我而言: $('#some_link').click(function(event){event.preventDefault();}); $('#some_link').unbind('click'); 作为恢复 ..
发布时间:2021-12-19 22:16:56 前端开发

如何在元素之外的任何位置隐藏单击事件上的元素?

我想知道这是否是在单击页面上的任何位置时隐藏可见元素的正确方法. $(document).click(function (event) {$('#myDIV:visible').hide();}); 在元素边界内发生点击事件时,元素(div、span 等)不应消失. 解决方案 如果我明白,当你点击除 div 之外的任何地方时你想隐藏一个 div,如果你在 div 上点击,那么它不应该关 ..
发布时间:2021-12-19 22:13:53 其他开发

HTML DOM:哪些事件不会冒泡?

大多数事件在所有浏览器中都会冒泡.但是,我知道在 Internet Explorer 中“提交"事件不会冒泡.还有哪些不冒泡的事件? 解决方案 任何特定于一个元素的事件都不会冒泡:focus、blur、load、unload、change、reset、scroll、大多数 DOM 事件(DOMFocusIn、DOMFocusOut、DOMNodeRemoved 等)、mouseenter、 ..
发布时间:2021-12-18 13:50:31 前端开发

场景图形/显示列表之外的 AS3 事件冒泡

嗨,只是想知道是否可以在 AS3 中的非显示列表类中利用事件冒泡. 例如在一个应用程序模型中,其中有一个包含许多汽车的 City 类.有什么方法可以将事件侦听器附加到 City 对象并接收从子 Cars 冒泡的事件.澄清一下 City 和 Car 对象不是显示列表的一部分,它们不是 DisplayObjects.那么冒泡可以以某种方式在显示列表之外实现吗? 据我所知,如果不手动将事件侦 ..
发布时间:2021-12-17 10:31:37 其他开发

防止 Vue 中的事件冒泡

按钮 所以我在 Vue 中遇到了这个问题,我不希望在单击按钮时触发“do_X",尽管它是 largeArea 的一部分. 解决方案 来自 文档,使用 self 事件修饰符仅捕获源自元素本身的事件. new Vue({el: '#app',方法: {做_X(){console.log(Date.now(), 'do_X')}}}) #largeArea {填充 ..
发布时间:2021-12-08 21:43:47 前端开发

将滚动事件从 ListView 冒泡到其父级

在我的 WPF 应用程序中,我有一个 ListView,它的 ScrollViewer.VerticalScrollBarVisibility 设置为 Disabled.它包含在 ScrollViewer 中.当我尝试在 ListView 上使用鼠标滚轮时,外部 ScrollViewer 不会滚动,因为 ListView 正在捕获滚动事件.> 如何强制 ListView 允许滚动事件冒泡到 Sc ..
发布时间:2021-12-05 17:19:02 其他开发

React.js 中的冒泡和捕获示例

我正在寻找在 React.js 中处理冒泡和捕获的示例.我找到了 一个带有 JavaScript 的,但我找不到 React 的等效项.js. 我必须如何为 React.js 中的冒泡和捕获创建示例? 解决方案 React 以与 DOM 规范中描述的相同方式支持冒泡和捕获,除了您如何附加处理程序. 冒泡和普通的 DOM API 一样简单;只需将一个处理程序附加到一个元素的最终父 ..
发布时间:2021-12-02 10:38:52 前端开发

当内部元素滚动位置到达顶部/底部时防止父元素滚动?

我有一个“浮动工具箱"——一个带有 position:fixed 的 div;溢出:自动.工作得很好. 但是当在该框内滚动(使用鼠标滚轮)并到达底部或顶部时,父元素“接管"“滚动请求":工具框后面的文档滚动. - 这很烦人,而不是用户“要求"的. 我正在使用 jQuery,并认为我可以通过 event.stoppropagation() 来阻止这种行为: $("#toolBox") ..

直接与委托 - jQuery .on()

我正在尝试使用 jQuery .on() 方法.具体来说,本段最后一句: 当提供了 selector 时,事件处理程序被称为 delegated.当事件直接发生在绑定元素上时,不会调用处理程序,而是仅针对与选择器匹配的后代(内部元素)调用.jQuery 将事件从事件目标冒泡到附加处理程序的元素(即从最里面到最外面的元素),并为沿该路径匹配选择器的任何元素运行处理程序. “为任何元素运行 ..