在要跳转到详情页的卡片中实现多选、input便签无法阻止事件冒泡，勾选时即跳转页面

今天在一个需要点击跳转到详情页面的卡片列表中实现多选，在 input 的点击事件中使用事件对象的方法 event.stopPropagation(); 方法阻止冒泡，但是在点击了多选按钮以后，直接跳转页面到详情页，也就是阻止冒泡并没有生效。搞了半天，在 input 标签的父元素 div 添加了一个事件然后阻止冒泡以后，点击选择框，多选可以实现，点击卡片的其余部分，页面能够跳转到详情页。