事件切换和事件冒泡
2017-01-03 18:38
288 查看
一、事件切换
1.hover():模拟光标移到元素上触发的事件
hover(enter,leave);
当光标移动到元素上时,会触发指定的第1个函数(enter)
当光标移出这个元素时,会触发指定的第2个函数(leave)
2.toggle():模拟鼠标连续单击触发的事件
toggle(fnl, fn2, ...fnN)
第1次单击元素,触发指定的第1个函数(fn1)
当再次单击同一元素时,则触发指定的第2个函数(fn2)
如果有更多函数,则依次触发,直到最后一个
二、事件冒泡
事件会按照DOM树的层次结构像水泡一样不断向上直至顶端
阻止事件冒泡
stopPropagation
return false
阻止事件默认行为
preventDefault
return false
1.hover():模拟光标移到元素上触发的事件
hover(enter,leave);
当光标移动到元素上时,会触发指定的第1个函数(enter)
当光标移出这个元素时,会触发指定的第2个函数(leave)
2.toggle():模拟鼠标连续单击触发的事件
toggle(fnl, fn2, ...fnN)
第1次单击元素,触发指定的第1个函数(fn1)
当再次单击同一元素时,则触发指定的第2个函数(fn2)
如果有更多函数,则依次触发,直到最后一个
二、事件冒泡
事件会按照DOM树的层次结构像水泡一样不断向上直至顶端
阻止事件冒泡
stopPropagation
return false
阻止事件默认行为
preventDefault
return false
相关文章推荐
- 事件切换和事件冒泡
- jQuery如何防止这种冒泡事件发生
- javascript 阻止事件冒泡
- 事件捕获与事件冒泡
- 开发配置接口和目录之间事件冒泡和捕捉
- table表格里面td的点击冒泡事件
- JQuery中阻止事件冒泡方式及其区别
- javascript冒泡和默认事件
- Javascript学习日记-阻止javascript事件冒泡,获取控件ID值
- js之事件冒泡和事件捕获及其阻止详细介绍
- JS中 事件冒泡与事件捕获
- 精通Silverlight——12.2.4 事件冒泡机制
- Silverlight实用窍门系列:35.细解Silverlight冒泡路由事件和注册冒泡路由事件【附带实例源码】
- JQuery 中阻止冒泡事件
- 阻止事件的冒泡
- 事件捕获/事件冒泡
- javascript 事件的捕获和冒泡
- 浅谈事件冒泡与事件捕获
- js /jquery停止事件冒泡和阻止浏览器默认事件
- 获取事件对象和冒泡的阻止