我有一个功能来显示我的 WordPress 搜索表单并隐藏它。问题是我希望所有容器都可以单击来显示/隐藏,但是当我单击搜索表单的文本输入时,它会隐藏它。单击输入时是否可以不触发 onclick 事件?
这是我的架构:
<li onclick="search_form(this)">
<img src="#" >
<div>
<form role="search" id="searchform" method="get" action="/">
<div>
<input type="text" name="s" id="s" size="15" required="" placeholder="Search">
</div>
</form>
</div>
</li>
我有类似的东西https://puu.sh/t3tiN/8655c07973.png (我的李的照片)
谢谢
编辑:有人向我询问该功能,但不想添加它,因为它只是 css :
function search_form() {
if ($(window).width() > 1041) {
var display = $('#mobile_search_form').css('display');
if (display == "none") {
/* many css animate */
} else if (display == "inline-block") {
/* many css animate */
}
}else if ($(window).width() < 1041) {
window.location.href = "#"
$(document).ready(function () {
$('#result_number').css('display',"none");
});
}
}
最佳答案
看看stopPropagation() 。我认为这正是您想要做的:
<li id="myLi">
<img src="#" >
<div>
<form role="search" id="searchform" method="get" action="/">
<div>
<input type="text" name="s" id="s" size="15" required="" placeholder="Search">
</div>
</form>
</div>
</li>
Javascript:
$("#myLi").click(search_form($(this));
$("#s").click(function (e) {
e.stopPropagation();
});
关于javascript - 仅在其中一个元素上禁用 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41360735/