`
labi47
  • 浏览: 5915 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS的事件停止与传播

阅读更多

event.preventDefault()
该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。

event.stopPropagation()
该方法将停止事件的传播,阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意,虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用,但是它可以阻止把事件分派到其他节点。

event是DOM的事件方法,所以不是单独使用,比如指定DOM

 

以下是从Ext-base摘取,可以达到浏览器兼容:

        stopPropagation: function(ev) {
                ev = ev.browserEvent || ev;
                if (ev.stopPropagation) {
                    ev.stopPropagation();
                } else {
                    ev.cancelBubble = true;
                }
            },


            preventDefault: function(ev) {
                ev = ev.browserEvent || ev;
                if(ev.preventDefault) {
                    ev.preventDefault();
                } else {
                    ev.returnValue = false;
                }
            },

 

分享到:
评论

相关推荐

    javascript防止事件传播

    JavaScript防止事件传播是一种常见的前端开发技术,用于控制事件在DOM(文档对象模型)层次中的传播方式。事件传播包括三个阶段:捕获阶段、目标阶段和冒泡阶段。了解这三个阶段对于掌握如何阻止事件传播至关重要。 ...

    使用JavaScript事件综合查询,js事件大全

    六、阻止默认行为与停止事件传播 1. `event.preventDefault()`阻止事件的默认行为,如链接的跳转、表单的提交等。 2. `event.stopPropagation()`阻止事件的进一步冒泡,防止上级元素的事件处理程序被执行。 七、...

    JavaScript程序设计——事件处理实验报告.docx

    - **停止事件冒泡**:通过`event.stopPropagation()`阻止事件继续向上层元素传播。 - **阻止事件的默认行为**:通过`event.preventDefault()`防止默认的浏览器行为,例如阻止链接跳转、表单提交等。 实验内容覆盖...

    JS 事件汇总,js 鼠标事件,网页js大全

    6. **停止事件传播** - `event.stopPropagation()`可以阻止事件继续向上层元素传播。 7. **事件委托** - 通过在父元素上设置事件监听器,可以处理子元素的事件,节省内存资源,提高性能。 8. **键盘事件** - 与...

    js事件设计

    三、事件冒泡与事件捕获 事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件。而事件捕获则相反,从最外层节点开始向下传播,直到到达目标节点。在DOM2级事件处理中,可以通过`addEventListener`的第三个...

    javascript事件综合查询

    3. 事件冒泡与事件捕获:事件从最深的节点开始向上层节点传播,称为事件冒泡;从最外层节点向最深的节点传播,称为事件捕获。`addEventListener`的第三个参数可以指定事件处理模式。 四、事件对象 每当事件触发时...

    javascript事件查询综合

    总结来说,"javascript事件查询综合"这个文档很可能详细介绍了JavaScript事件处理的各个方面,包括事件绑定、事件对象、事件传播机制、事件处理的控制以及高级话题如事件委托和现代事件API。理解和熟练运用这些知识...

    JS冒泡事件与事件捕获实例详解

    冒泡事件和事件捕获是JavaScript中...总之,冒泡事件与事件捕获是JavaScript中事件处理的核心概念,它们提供了一种机制来控制事件在DOM结构中的传播方式,对于实现复杂的交互逻辑、提高Web应用性能和用户体验至关重要。

    js解决事件冲突

    3. **取消事件冒泡**:通过调用事件对象上的`stopPropagation()`方法可以阻止事件继续传播到父节点,从而避免了因事件冒泡导致的多个事件监听器同时触发的问题。 4. **取消默认行为**:使用`preventDefault()`方法...

    JS传播事件、取消事件默认行为、阻止事件传播详解

    同时,某些事件在到达特定节点后停止传播,如文档的`load`事件会在Document对象上停止,不会传播到Window对象。 最后,**取消事件的默认行为和阻止事件传播**是控制事件执行的关键。在支持`addEventListener()`的...

    JavaScript中使用stopPropagation函数停止事件传播例子

    在JavaScript中,事件传播是DOM元素之间的一种交互方式,它分为三个阶段:捕获阶段、目标阶段和冒泡阶段。事件传播模型允许事件从最深的节点(事件目标)向上冒泡到最外层的节点(文档)。在这个过程中,每个节点都...

    javascript事件列表解说

    此外,还有一些高级技术,如事件阻止(event.preventDefault())和事件停止传播(event.stopPropagation()),它们可以帮助我们更精确地控制事件的执行流程。 总的来说,JavaScript事件列表涵盖了用户与网页互动的...

    复习js事件的用处

    当事件触发时,会创建一个事件对象,它包含了与事件相关的信息,如事件类型、目标元素等。可以在事件处理函数中访问这个对象,以获取更多信息。 二、事件冒泡与事件捕获 事件冒泡是指事件从最深的节点开始,逐级...

    js事件触发大全

    2. **事件冒泡与捕获**:理解事件的传播机制,可以使用`event.stopPropagation()`阻止事件冒泡。 3. **事件委托**:通过监听父元素来处理子元素的事件,提高性能。 4. **事件对象**:获取事件的相关信息,如鼠标位置...

    javaScript中常用事件

    每个事件都有一个事件对象,它包含了与事件相关的各种信息,如事件类型、目标元素、坐标位置等。通过`event`参数可以在事件处理函数中访问这些信息。 九、阻止事件默认行为 使用`event.preventDefault()`可以阻止...

    v-click-outside-Vue指令,对元素外部的单击做出React,而不会停止事件传播。-Vue.js开发

    v-click-outside Vue指令可对元素外部的单击做出React,而不会停止事件传播。 v-click-outside Vue指令之间的菜单非常适合关闭对话框,可在不停止事件传播的情况下对元素外部的单击做出React。 非常适合用于关闭对话...

    js事件详解-0-1-2级模型.pdf

    标题提到的“js事件详解-0-1-2级模型”涉及到了JavaScript中事件的分层模型。JavaScript事件模型是前端开发中处理用户交互的核心机制之一,主要包括了事件捕获、目标阶段和事件冒泡三个阶段,这个模型被广泛地理解为...

    实验8 JavaScript事件处理(4学时).zip

    JavaScript事件处理是Web开发中的核心概念,它使得用户与网页之间的交互变得更加动态和响应性。在本实验“实验8 JavaScript事件处理(4学时)”中,我们将深入探讨这一主题,学习如何通过JavaScript来响应用户的操作...

    JavaScript的事件操作

    五、阻止默认行为与停止事件传播 1. `event.preventDefault()`:阻止事件的默认行为,如链接的跳转、表单的提交等。 2. `event.stopPropagation()`:阻止事件继续冒泡或捕获,防止父元素的事件处理程序被执行。 六...

Global site tag (gtag.js) - Google Analytics