Question

我有下一个html：

<a href="somelink" class="list-group-item">
    Text
    <div onclick="func()">Content</div>
</a>

但是，当我单击我的div a时也会出现偶数。如何防止后续事件？我想如果用户单击了我的div，那么只会单击此div。

已更新
也许这不是一个很好的解决方案，但是我已经解决了我的问题，所以：

<button class="list-group-item" type="button" onlick="link('somelink')">
    Text
    <div onclick="func()">Content</div>
</button>

尽管现在它显示了焦点荧光笔，outline: none;并没有帮助隐藏它。

Answer 1

只需使用指针事件属性和preventDefault（）函数来忽略锚标记：

$('.somelink').on('click', function(e){
  e.preventDefault();
  console.log(e.target);
})

.somelink{
  pointer-events: none
}

.somelink > div {
  pointer-events: all
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a href"somelink">
    Text
    <div onclick="func()">Content</div>
</a>

Answer 2

使用纯JavaScript（使用first_row_third_col_x = x[0][2] last_row_third_col_x = x[-1][2] if first_row_third_col_x , 0.5 or last_row_third_col_x < 0.5: print('right') else: print('wrong')可以防止链接的默认操作）：

event.preventDefault()

如何使内部div可点击？

2 个答案: