事件冒泡
2012-05-02 20:48
344 查看
在 IE 下, 可以用 event.cancelBubble = true 来阻止事件向上冒泡. FireFox 下则可以用 event.stopPropagation() 来阻止事件冒泡
都是A链接犯的错
在jQuery中组织事件冒泡可以使用event.stopPropagation(); 或 return false; 方法来处理
警告:小心使用vclick
小心在触摸设备使用vclick。Webkit内核的浏览器会在touchend事 件触发后300ms自己生成mousedown, mouseup,和click 3个事件。 这些生成的鼠标事件的目标会在他们触发的时候被计算出来,并且 是基于touch事件的位置,并且有些情况下会在不同的设备上甚至 相同设备的不同OS会导致不同的计算结果。这就意味着原始的点击 事件的目标语浏览器自己生成的鼠标事件的目标元素可能不是同一 个。
我们建议在触摸后可能会改变你点击的点下面内容的事件中,使用 click而不是vclick方法。这样的事件包括页面转场和其他的一些行为比如 收缩/伸展 这样 的 可能会导致屏幕有变化或者内容完全被替换的事件。
取消一个元素默认点击的行为
应用会调用一个 vclick 事件来取消某个元素的默认点击事件。在 基于鼠标的设备上,对vclick事件调用preventDefault()方法等同 于对真实点击的时间冒泡阶段调用 preventDefault() 方法。在基 于触摸的设备上就有点复杂了,因为真实的点击事件会在vclick 事件触发300毫秒之后触发。对于触摸设备,对vclick事件调用 preventDefault()方法会一些vmouse插件的一些代码来试图捕获下 一个点击事件。所以根据上述的警告,要匹配一个触摸事件和与他 对应的鼠标事件就比较困难,因为他们的目标是不同的。所以
vmouse插件试图通过坐标来识别一个相符的点击事件通常会失败。 有些情况下两个事件的目标和坐标的识别都会失败,这样就会导致 点击事件被触发或者元素的默认动作会被执行,或者内容被改变或 者替换的情况下,触发了别的元素的点击事件。如果这样的bug在给定的元素上有规律的发生,我们建议对于动作使 用click来驱动触发。
This is the button that is added to the original input
都是A链接犯的错
在jQuery中组织事件冒泡可以使用event.stopPropagation(); 或 return false; 方法来处理
警告:小心使用vclick
小心在触摸设备使用vclick。Webkit内核的浏览器会在touchend事 件触发后300ms自己生成mousedown, mouseup,和click 3个事件。 这些生成的鼠标事件的目标会在他们触发的时候被计算出来,并且 是基于touch事件的位置,并且有些情况下会在不同的设备上甚至 相同设备的不同OS会导致不同的计算结果。这就意味着原始的点击 事件的目标语浏览器自己生成的鼠标事件的目标元素可能不是同一 个。
我们建议在触摸后可能会改变你点击的点下面内容的事件中,使用 click而不是vclick方法。这样的事件包括页面转场和其他的一些行为比如 收缩/伸展 这样 的 可能会导致屏幕有变化或者内容完全被替换的事件。
取消一个元素默认点击的行为
应用会调用一个 vclick 事件来取消某个元素的默认点击事件。在 基于鼠标的设备上,对vclick事件调用preventDefault()方法等同 于对真实点击的时间冒泡阶段调用 preventDefault() 方法。在基 于触摸的设备上就有点复杂了,因为真实的点击事件会在vclick 事件触发300毫秒之后触发。对于触摸设备,对vclick事件调用 preventDefault()方法会一些vmouse插件的一些代码来试图捕获下 一个点击事件。所以根据上述的警告,要匹配一个触摸事件和与他 对应的鼠标事件就比较困难,因为他们的目标是不同的。所以
vmouse插件试图通过坐标来识别一个相符的点击事件通常会失败。 有些情况下两个事件的目标和坐标的识别都会失败,这样就会导致 点击事件被触发或者元素的默认动作会被执行,或者内容被改变或 者替换的情况下,触发了别的元素的点击事件。如果这样的bug在给定的元素上有规律的发生,我们建议对于动作使 用click来驱动触发。
This is the button that is added to the original input
相关文章推荐
- js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )
- JavaScript阻止冒泡事件的事例
- js冒泡、捕获事件及阻止冒泡方法详细总结
- vue中阻止click事件冒泡,防止触发另一个事件
- jQuery阻止事件冒泡
- 阻止冒泡事件
- jq冒泡事件解决方案的区别
- javascript 事件冒泡的补充
- jQuery之防止冒泡事件
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- vue绑定的点击事件阻止冒泡
- jQuery事件对象的作用(利用冒泡事件优化)
- Js冒泡事件和捕获事件
- javascript_取消事件冒泡
- 探讨JavaScript的事件冒泡
- 事件冒泡与事件捕获
- 事件冒泡与事件捕获
- 事件冒泡
- JS的事件冒泡和事件捕获
- javascript -- 阻止默认事件 阻止事件冒泡