冒泡事件的阻止 和 默认行为的阻止

2018-08-08  本文已影响9人  就那两三事

冒泡事件:事件从事件目标(target)开始,往上冒泡直到页面的最上一级标签,如父元素和子元素都绑定了点击事件,当用户点击了子元素时,先触发的是子元素的点击事件,后触发的父元素的点击事件。
默认行为:当对某一元素进行某项操作(如点击),浏览器做出的反应,如 <a>标签被点击时,浏览器默认的行为是打开这个链接

阻止默认事件和冒泡事件: return false

return false 在事件的处理中,可以 阻止 默认事件和冒泡事件
例子:
$("#id").click(function(even){
    return false;
})
在表单提交中,如果验证出格式错误,可以通过return false,禁止提交表单

阻止冒泡事件:event.preventDefault()

event.preventDefault() 在事件的处理中,可以阻止默认事件 但是允许冒泡事件的发生
例子:
$("#id").click(function(even){
    event.preventDefault();
})

阻止默认行为: event.stopPropagation()

event.stopPropagation()在事件的处理中,可以阻止冒泡 但是允许默认事件的发生
例子:
$("#id").click(function(even){
    event.stopPropagation();
})

上一篇 下一篇

猜你喜欢

热点阅读