什么是事件冒泡?
- 父亲和儿子都绑定了相同事件类型,儿子再相应该类型事件时,父亲也会跟着响应该类型事件。
- 这种事件从下级往上级传递的现象,就像气泡从下往上冒一样,故叫做事件冒泡。
如何阻止事件冒泡?
- 在儿子事件的回调函数中,最后一句添加return false
$(".son").click(function () {
alert("son");
return false;
});
- 给儿子事件的回调函数传递event参数,event调用stopPropagation()
$(".son").click(function (event) {
alert("son");
event.stopPropagation();
});
什么是默认行为?
比如点击a标签、submit按钮会自动跳转到对应的url
如何阻止默认行为?
- 在儿子事件的回调函数中,最后依据添加return false
$("a").click(function () {
alert("弹出注册框");
return false;
})
- 给儿子事件的回调函数传递event参数,event调用preventDefault()
$("a").click(function (event) {
alert("弹出注册框");
event.preventDefault();
});
网友评论