jQuery 中的事件冒泡和阻止默认行为
来源:互联网 发布:量子幽灵知乎 编辑:程序博客网 时间:2024/06/03 06:43
jQuery 中的事件冒泡和阻止默认行为
参考资料:
《锋利的jQuery》 作者:单东林 张晓菲 魏然 出版社: 人民邮电出版社
1、事件冒泡
当点击内部 <span> 元素时,会触发自身及外层 <div> 和 <body> 的点击事件,这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。
事件冒泡可能会引起意料之外的效果,有时候需要阻止事件的冒泡行为,使用 stopPropagation() 方法来实现。
修改 <span> 元素的 click 事件函数:
此时点击内部 <span> 元素时,只会触发自身的 click 事件,不会再向上冒泡。
2、阻止默认行为
有时候用户的操作未满足某些条件时,需要阻止某些元素的默认行为,如链接的跳转和表单的提交等,jQuery 提供了 preventDefault() 方法来实现。
当用户未填写用户名时,阻止表单提交:
如果想同时阻止事件冒泡和阻止元素默认行为,可以在事件函数中返回 false 来代替调用 stopPropagation() 和 preventDefault() 方法。
如:
《锋利的jQuery》 作者:单东林 张晓菲 魏然 出版社: 人民邮电出版社
1、事件冒泡
当点击内部 <span> 元素时,会触发自身及外层 <div> 和 <body> 的点击事件,这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。
事件冒泡可能会引起意料之外的效果,有时候需要阻止事件的冒泡行为,使用 stopPropagation() 方法来实现。
修改 <span> 元素的 click 事件函数:
此时点击内部 <span> 元素时,只会触发自身的 click 事件,不会再向上冒泡。
2、阻止默认行为
有时候用户的操作未满足某些条件时,需要阻止某些元素的默认行为,如链接的跳转和表单的提交等,jQuery 提供了 preventDefault() 方法来实现。
当用户未填写用户名时,阻止表单提交:
如果想同时阻止事件冒泡和阻止元素默认行为,可以在事件函数中返回 false 来代替调用 stopPropagation() 和 preventDefault() 方法。
如:
0 0
- jQuery 中的事件冒泡和阻止默认行为
- jQuery 中的事件冒泡和阻止默认行为
- jQuery 阻止事件冒泡和默认行为
- JQuery:事件冒泡和阻止默认行为
- jQuery事件---阻止冒泡和默认行为
- 带你学习JQuery:事件冒泡和阻止默认行为
- 带你学习JQuery:事件冒泡和阻止默认行为
- 阻止默认事件行为和事件冒泡
- JQuery中的事件冒泡和阻止事件的传播行为
- 阻止事件冒泡和浏览器默认行为
- 阻止事件冒泡和默认行为
- 事件冒泡和默认行为阻止
- 如何阻止事件冒泡和默认行为?
- JQUERY中的事件处理:return false、阻止默认行为、阻止冒泡以及兼容性问题
- jquery 阻止事件默认行为和事件冒泡的BUG在jquery-1.4.3中
- js 阻止默认浏览器行为和阻止事件冒泡
- js阻止默认行为和阻止事件冒泡
- 阻止事件冒泡和阻止浏览器默认行为
- [HTML5] Blob对象
- Android中获取应用的crash信息
- ETL简单的操作以及开发方式记录(KETTLE)三
- EL表达式的11大隐式对象及总结
- 教你如何用支付宝测试扫一扫付钱功能
- jQuery 中的事件冒泡和阻止默认行为
- PHP数组
- [UESTC 1060]秋实大哥与快餐店
- XCode can't open file (ifstream/ofstream) in C++ (XCode C++无法读写文件)
- Windows XP 系统服务项优化
- Repeated DNA Sequences
- 第六周 项目4-队列数组
- 发现一个国外用来做参与式及知识迁移的网络课件 messenger-education
- HDU-2571-命运【矩阵DP】