当前位置: 首页 > 网络应用技术

JavaScript如何防止事件的传播?

时间:2023-03-06 22:04:01 网络应用技术

  防止浏览器的默认行为和防止事件的传输主要由以下两种方法实现:

  1. event.preventdefault():取消浏览器的默认行为到当前事件。例如,单击链接后,浏览器跳到指定的页面,或按太空栏,然后页面向下滚动距离。

  2. event.stoppropagation():防止事件继续在DOM中传播,以防止重新触发其他节点上定义的监视功能。

  在浏览器的默认行为并防止事件传播之前

  防止浏览器的默认行为

  由于e.preventdefault()可以防止浏览器的默认行为,因此请单击“ Dark Horse程序员”,不会跳到Dark Horse程序员的官方网站。

  防止事件传播

  由于E.StopProgation()阻止了事件的传播,因此不会触发与D1和D2对象绑定的事件,它们将直接跳到http://www.itheima.com。