如果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

1. 首先，你不应该把这些东西放在 <a> 里面，标签各有各的定义。
2. 想要阻止冒泡，可以使用 event.stopPropagation() 方法。

button.addEventListener('click', e => {
  e.stopPropagation();

Answer 2

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