jQuery事件冒泡和默认行为

2020-02-01  本文已影响0人  David_Rao

什么是事件冒泡?

如何阻止事件冒泡?

  1. 在儿子事件的回调函数中,最后一句添加return false
$(".son").click(function () {
    alert("son");
    return false;
});
  1. 给儿子事件的回调函数传递event参数,event调用stopPropagation()
$(".son").click(function (event) {
    alert("son");
    event.stopPropagation();
});

什么是默认行为?

比如点击a标签、submit按钮会自动跳转到对应的url

如何阻止默认行为?

  1. 在儿子事件的回调函数中,最后依据添加return false
$("a").click(function () {
    alert("弹出注册框");
    return false;
})
  1. 给儿子事件的回调函数传递event参数,event调用preventDefault()
$("a").click(function (event) {
    alert("弹出注册框");
    event.preventDefault();
});
上一篇 下一篇

猜你喜欢

热点阅读