美文网首页
stopPropagation, preventDefault

stopPropagation, preventDefault

作者: 蛮吉大人123 | 来源:发表于2018-11-08 10:39 被阅读18次

    e.stopPropagation()

    阻止 js 事件冒泡。比如对于点击事件,点击当前节点之后,不会再触发父节点的点击事件。

    当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发,这一过程被称为事件冒泡。

    e.preventDefault()

    阻止浏览器的默认行为。

    浏览器的默认行为:对于一些特定的事件,浏览器有它默认的行为。
    例如:

    1. 点击链接会进行跳转
    2. 点击鼠标右键会呼出浏览器右键菜单
    3. 填写表单时按回车会自动提交到服务器等

    return false

    退出执行,return false 之后的所有触发事件和动作都不会被执行。有时候 return false 可以用来替代 stopPropagation()preventDefault()。例如可以通过 return false 来阻止 a 标签的默认跳转事件,当然也可以用 preventDefault() 来代替。

    <a href="/" onclick="return false">I get outlined on click, but don't go anywhere</a>
    

    相关文章

      网友评论

          本文标题:stopPropagation, preventDefault

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