美文网首页
冒泡事件的阻止 和 默认行为的阻止

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

作者: 就那两三事 | 来源:发表于2018-08-08 10:47 被阅读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();
    })

    相关文章

      网友评论

          本文标题:冒泡事件的阻止 和 默认行为的阻止

          本文链接:https://www.haomeiwen.com/subject/cqjtbftx.html