html 父类和子类都存在onclick事件,点击子类,父类和子类都响应事件的解决办法

尝试使用第一种做法

    function lineClick(listStatus,obj) {
      obj.preventDefault();
  }

尝试使用第二种做法

    function lineClick(listStatus,obj) {
      obj.stopPropagation();
  }

第一种做法和第二种做法都没法都没法阻止子类向父类传递事件。

第三种方式:在事件响应之前添加event.stopPropagation();代码即可。

 <div class="itemRight" tapmode onclick="lineClick({{=value.child[key].status}},this)">
       <div class="tipsBox" style="align-items: flex-end;">
            {{? value.child[key].status == 0}}
              <div>{{=value.child[key].top_title}}</div>
              <div class="doubleDiv">
                  <div  tapmode onclick="event.stopPropagation();statusClick({{=value.child[key].status}},this)"  class="sendBtn">拒绝</div>
                  <div  tapmode onclick="event.stopPropagation();statusClick({{=value.child[key].status}},this)"   class="sendBtn">发送</div>
              </div>
            {{?}}
       </div>
</div>
响应事件.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容