yinyan1314
2018-01-11 02:44
采纳率: 50%
浏览 1.2k

js问题 不知道是不是属于冒泡事件

<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也成功绑定点击事件,这是为什么?
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • hero5127 2018-01-11 03:00
    已采纳

    图片说明 我这没什么问题,能把代码粘出来吗

    已采纳该答案
    打赏 评论
  • RainyCG 2018-01-11 02:54

    冒泡是从低往上冒泡,你可以监听点击事件,然后使用event。stopPropagation()方法,IE的话是cancleBubble = true

    打赏 评论
  • hero5127 2018-01-11 02:56

    请问用的是什么浏览器呢? 用框架了吗? 能把js也贴出来吗?
    我用jq和js都没有这个问题呢

    打赏 评论
  • 你代码呢。。代码没有谁知道你怎么绑定的事件

    打赏 评论
  • Always_MyLoverX 2018-01-11 02:58

    .trend 点击js加上
    event.stopPropagation();
    阻止冒泡

    打赏 评论
  • T0virus 2018-01-11 03:04

    拿你第一段代码为例:
    你给.update、#updatetime都绑定了点击事件,
    点击#updatetime时,#updatetime的点击事件结束后,会继续触发update的点击事件,这叫冒泡。
    .update和.trend都不在一个父子层级里,和冒泡没关系。

    绑定不到事件的原因要看你代码怎么写的?具体的操作错误,不看代码,很难找原因。

    打赏 评论
  • yinyan1314 2018-01-11 03:07

    哎,我在做钉钉开发,用的是h5,这些可能都是影响因素,谢谢大家的热心,我把问题解决了,

    <div class="tmHead">
        <span class="update">更新时间:</span><span class="update" id="updateTime"></span>
        <span class="trend">点击查看趋势</span>
    </div>
    
        这样,不让span做嵌套,这样就好了。
    
    打赏 评论

相关推荐 更多相似问题