关键词搜索

源码搜索 ×
×

cancelBubble = true

发布2011-03-18浏览2954次

详情内容

cancelBubble = true,阻止事件由子元素向父元素冒泡。

 

什么时候用到呢?

 

比如,<div οnclick="A()"><a href="b.htm">bbbbbb</a><div>

 

点 bbbbbb 的时候,也会触发 A()。

 

要避免出现这种情况,可以阻止点<a>的时候,也触发父元素DIV的click事件:

<div οnclick="A()"><a href="b.htm" οnclick="event.cancelBubble=true;">bbbbbb</a><div>

 

这个是阻止点击子元素,父元素也受影响的情况。现在假如,有一个链接<a>,同时具备href 属性和 onclick事件,只想onclick起作用,而href仅用于对搜索引擎友好,怎么办呢?

要点在于,onclick事件对应的函数,处理完毕后,应该返回false。

<a href="http://blog.sina.com.cn/leftfist" οnclick="return HitMe()">这是一条链接,搜索引擎,你看见我了吗?</a>

  1. function onclick HitMe()
  2. {
  3. .....
  4. return false;
  5. }




相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载