位置: 编程技术 - 正文
深入理解jQuery中的事件冒泡(深入浅出jquery)
编辑：rootadmin推荐整理分享深入理解jQuery中的事件冒泡(深入浅出jquery)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:深入浅出jquery,浅谈jquery的应用,jquery原理解析,浅谈jquery的应用,浅谈jquery的应用,简述jquery,深入理解javascript pdf,jquery的理念是什么,内容如对您有帮助，希望把文章链接给更多的朋友！
1.什么是冒泡
eg：
当你单击‘内层span元素'时，即触发<span>元素的click事件时，会输出3条记录
即：
内层span元素被点击
外层div元素被点击
body元素被点击
这就是事件冒泡引起的。
2.事件冒泡引发的问题
.事件对象
在程序中使用事件对象，只需要为函数添加一个参数，jQuery代码如下：
.停止事件冒泡
在jQuery中提供了stopPropagation()方法来停止事件冒泡
以span元素绑定click事件为例：
当你单击‘内层span元素'时，即触发<span>元素的click事件时，这时只会输出1条记录
即：
内层span元素被点击
这样就解决了冒泡问题
.阻止默认行为
网页中的元素有自己默认的行为，例如，单击超链接后会跳转，单击‘提交'表单会提交，有时需要阻止元素的默认行为
在jQuery中，提供了preventDefault()方法来阻止元素的默认行为。
eg：以输入提交为例
假如你不输入内容，这样就可以阻止默认行为（表单提交）
总结：如果想同时对事件停止冒泡和默认行为，可以在事件处理函数中返回false。这是对在事件对象上同时调用stopPropagation()方法和preventDefault()方法的一种简写方式。
在上面表单的例子中，可以把
event.preventDefault(); //阻止默认行为（表单提交）
改写为：return false;
也可以把事件冒泡中的event.stopPropagation(); //停止事件冒泡
改写为：return false;
.事件捕获
.事件对象的属性
事件对象的属性 详情请参考:
JQuery 传送中文乱码问题的简单解决办法 一、客户端先进行编码，服务端再解码。客户端发送数据：varnames=encodeURIComponent("电费");names=encodeURIComponent(names);$.post("test.donames="+name,null,function(){});服
深入理解jQuery之防止冒泡事件 冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。下面是html代码部分：bodydivid="content"外层div元素span内层span元素/span外层div元素/divd
jQuery unbind 删除绑定事件详解 unbind([type],[data])是bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册的自定义
标签: 深入浅出jquery
本文链接地址:https://www.jiuchutong.com/biancheng/387242.html 转载请保留说明！