HTML javascript 怎么阻止事件冒泡!

HTML javascript 怎么阻止事件冒泡!,第1张

document.onclick=funciton(e){

    e = e || window.event

    if(e.target == oGohove){

        oGotohove.style.display = 'block'

    }else{

        oGotohove.style.display = 'none'

    }

}

今天在修改后台的一个模块,中发现一个button在点击时,触发了表单提交,我在onclick中加入了return,这个在提交之前就应该返回了,不该出现这个问题。转念一想,我觉得我应该时事件冒泡了,也就是一个子元素的事件触发了父元素的事件的触发。

简单说一下,解决方案吧,对于button,如果在表单中,相当于submit一样的存在,加入type="button"这个,就可以不发生事件的冒泡了。在工作中我们还可以遇到html的a标记的事件冒泡的问题,如何防止a标记事件冒泡?首先对a标记加上 href="javascript:void(0)"这样就可以防止冒泡,然后把一些这个上面的 *** 作,放到onclick方法中去 *** 作,这样就可以解决a标记事件冒泡的问题了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6111949.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存