如何防止点击通过固定的定位元素到其后面的元素？

Question

我有一个固定的定位标题，其中有一个搜索框，后面有一些内容（标题有更高的z-index）。我有一个处理焦点的事件处理程序＆＃39;搜索框上的事件。问题是当我点击搜索框时，此事件处理程序会触发，但点击也会通过标题传递给它后面的元素。我不希望点击通过。我尝试了event.preventDefault()，event.stopPropagating()和event.cancelBubble = true，但似乎都没有。

Answer 1

看起来你正试图阻止焦点事件的传播。

尝试绑定搜索框的click事件并在其上使用event.stopPropagation（）。