Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止单击通过固定位置的图元传递到其后面的图元？_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何防止单击通过固定位置的图元传递到其后面的图元？

Javascript 如何防止单击通过固定位置的图元传递到其后面的图元？

javascript html css

Javascript 如何防止单击通过固定位置的图元传递到其后面的图元？,javascript,html,css,Javascript,Html,Css,我有一个固定位置的标题，里面有一个搜索框，后面有一些内容（标题有更高的z索引）。我有一个事件处理程序，它处理searchbox上的“焦点”事件。问题是，当我在searchbox中单击时，会触发此事件处理程序，但单击也会通过标题传递到它后面的元素。我不想点击通过。我尝试了event.preventDefault（），event.stopPropagating（）和event.cancelBubble=true，但它们似乎都不起作用。看起来您正在尝试停止焦点事件的传播 尝试绑定搜索框的click事件

我有一个固定位置的标题，里面有一个搜索框，后面有一些内容（标题有更高的z索引）。我有一个事件处理程序，它处理searchbox上的“焦点”事件。问题是，当我在searchbox中单击时，会触发此事件处理程序，但单击也会通过标题传递到它后面的元素。我不想点击通过。我尝试了
event.preventDefault（）
，
event.stopPropagating（）
和
event.cancelBubble=true
，但它们似乎都不起作用。

看起来您正在尝试停止焦点事件的传播

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

event.stopPropagation（），而不是尝试设置
z-index:-1；位置：相对于它后面的内容元素（将内容推到
正文
后面），或者尝试将
正文
置于你的隐藏内容之上，方法是将
正文
的z-index设置为略高于你的隐藏内容的
索引。很抱歉输入错误，是的，我使用了event.stopPropagation（）Nikhil，我试着设置位置：相对位置和较低的内容z-索引，但它仍然不能像预期的那样工作。