cancelBubble = true
cancelBubble = true,阻止事件由子元素向父元素冒泡。
什么时候用到呢?
比如,<div onclick="A()"><a href="b.htm">bbbbbb</a><div>
点 bbbbbb 的时候,也会触发 A()。
要避免出现这种情况,可以阻止点<a>的时候,也触发父元素DIV的click事件:
<div onclick="A()"><a href="b.htm" onclick="event.cancelBubble=true;">bbbbbb</a><div>
这个是阻止点击子元素,父元素也受影响的情况。现在假如,有一个链接<a>,同时具备href 属性和 onclick事件,只想onclick起作用,而href仅用于对搜索引擎友好,怎么办呢?
要点在于,onclick事件对应的函数,处理完毕后,应该返回false。
<a href="http://blog.sina.com.cn/leftfist" onclick="return HitMe()">这是一条链接,搜索引擎,你看见我了吗?</a>
function onclick HitMe() { ..... return false; }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步