jQuery - 触发单击后面的元素

Question

我的问题是我有这个盒子又称容器.在该容器内部,有用户可以单击的框.

为了在视觉上帮助用户,我制作了一个灰色褪色的覆盖盒,告诉他们可以在这里使用这些盒子.

但我的问题是,点击事件位于覆盖框后面的框上.

那么有没有办法忽略一个元素.click()并使用下一个目标？

Answer 1

您可以使用CSS pointer-events属性:

CSS属性pointer-events允许作者控制特定图形元素在什么情况下(如果有的话)可以成为鼠标事件的目标.

#element {
  pointer-events: none;
}

或者您可以trigger参加click活动:

$('#box').click(function(){
   $('#target').trigger('click')
})