如果buttton在a标签里面,点击button怎么才能不处罚a标签绑定的事件

Similarity
  • 16

我把button写在a标签里面,那点击button就会自动触发外层的a标签所绑定的事件,有办法不触发吗

<a href="#" show-id="15">
    <div class="online-top">
        <div class="top-at">
            <img src="/static/images/user.jpg" class="img-responsive">
        </div>
        <div class="top-on">
            <div class="top-on1">
                <p>房产机器人</p>
                <span>服务行业</span>  
            </div>
            <button class="round btn btn-danger btn-md del-btn" del-id="15">
            <span class="glyphicon glyphicon-trash"></span>删除</button>
            <div class="clearfix"></div>
        </div>
         <div class="clearfix"></div>
   </div>
</a>

求指教,谢谢。

回复
阅读 1.9k
2 个回答
✓ 已被采纳
  1. 首先,你不应该把这些东西放在 <a> 里面,标签各有各的定义。
  2. 想要阻止冒泡,可以使用 event.stopPropagation() 方法。
button.addEventListener('click', e => {
  e.stopPropagation();

js 阻止事件冒泡的方法, 你这把 谷歌 百度 一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏