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

Question

我把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>求指教，谢谢。

Answer 1

首先，你不应该把这些东西放在 <a> 里面，标签各有各的定义。

想要阻止冒泡，可以使用 event.stopPropagation() 方法。

button.addEventListener('click', e => {

  e.stopPropagation();

Answer 2

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