zoukankan      html  css  js  c++  java

  • 阻止事件冒泡——商品编辑

    阻止事件冒泡

    冒泡事件流
    当事件在某一DOM元素被触发时，例如用户在客户名字节点上点击鼠标，事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次，直到它遇到依附有该事件类型处理器的节点，此时，该事件是onclick事件。在冒泡过程中的任何时候都可以终止事件的冒泡，在遵从W3C标准的浏览器里可以通过调用事件对象上的stopPropagation()方法，在Internet Explorer里可以通过设置事件对象的cancelBubble属性为true。如果不停止事件的传播，事件将一直通过DOM冒泡直至到达文档根。

    if(e.stopPropagation) { //W3C阻止冒泡方法  
    e.stopPropagation();  
} else {  
    e.cancelBubble = true; //IE阻止冒泡方法  
}


    具体实例请看下面的效果：

    事件冒泡：
    点击复选框时，不能选中及取消。

    阻止事件冒泡：
  • 相关阅读:
    javascript--setTimeout定时器
    javascript--BOM的onload事件和onunload事件
    JavaScript--文本框中只允许输入数字的操作（其他字符不显示）
    JavaScript--获取页面盒子中鼠标相对于盒子上、左边框的坐标
    javascript--事件对象e的来源、意义、应用及其属性的用法 function(e){}
    javascript--select标签的添加删除功能的使用
    JavaScript--动态添加元素（纯js书写table并删除数据）
    MyBatis快速入门
    《大型网站技术架构》学习笔记-01概述
    FreeMarker快速入门
  • 原文地址：https://www.cnblogs.com/kuikui/p/3237270.html
Copyright © 2011-2022 走看看