<div class="tmHead">
<span class="update">更新时间:<span id="updateTime"></span></span>
<span class="trend">点击查看趋势</span>
</div>
我画了个页面中,上面的元素层级,然后我给.update 定义点击事件,可以成功执行,给.trend定义点击事件失效,将上面的层级改为下面这样。
<div class="tmHead">
<span id="updateTime"></span>
<span class="trend">点击查看趋势</span>
</div>
.trend也成功绑定点击事件,这是为什么?
冒泡是从低往上冒泡,你可以监听点击事件,然后使用event。stopPropagation()方法,IE的话是cancleBubble = true
请问用的是什么浏览器呢? 用框架了吗? 能把js也贴出来吗?
我用jq和js都没有这个问题呢
你代码呢。。代码没有谁知道你怎么绑定的事件
.trend 点击js加上
event.stopPropagation();
阻止冒泡
拿你第一段代码为例:
你给.update、#updatetime都绑定了点击事件,
点击#updatetime时,#updatetime的点击事件结束后,会继续触发update的点击事件,这叫冒泡。
.update和.trend都不在一个父子层级里,和冒泡没关系。
绑定不到事件的原因要看你代码怎么写的?具体的操作错误,不看代码,很难找原因。
哎,我在做钉钉开发,用的是h5,这些可能都是影响因素,谢谢大家的热心,我把问题解决了,
<div class="tmHead">
<span class="update">更新时间:</span><span class="update" id="updateTime"></span>
<span class="trend">点击查看趋势</span>
</div>
这样,不让span做嵌套,这样就好了。