Question

使用回车键不会触发搜索事件，但如果手动按“搜索”按钮，则可以正常工作。这是我的简单脚本

$('#searchproductbrand').live('click',function() {
    var search = $('.searchproductbrand').val();
    window.open('search.php?search='+search,'_self');
});

$('.searchproductbrand').keypress(function(e) {
if (e.which == 13) {
var search = $('.searchproductbrand').val();
window.open('search.php?search='+search,'_self');
}
});

这是我的文本框＆amp;按钮。

<input type="search" id="text" class="searchproductbrand" placeholder="Search for Product, Brand" onkeyup="showResult(this.value)" autofocus="autofocus" />
<input type="button" id="searchproductbrand" class="button" value="Search" style="padding: 10px 10px;"/>

所以按下按钮工作正常，但在搜索时按下回车键不起作用。有人可以帮忙吗？

Answer 1

$('.searchproductbrnad')   is it brand or brnad? typo?

Answer 2

你试过直播（“按键”）吗？

Answer 3

按Enter键提交表单，所以只需将其设为正确的表单...

<script>
function myFunction(){
//do stuff
return false;
}

</script>


<form onsubmit="return myFunction();">
<input type="search" id="text" class="searchproductbrand" placeholder="Search for Product, Brand" onkeyup="showResult(this.value)" autofocus="autofocus" />
<input type="submit" id="searchproductbrand" class="button" value="Search" style="padding: 10px 10px;"/>
</form>

Answer 4

您必须创建document对象。

像这样更改您的keypress代码

$(document).keypress(function(e) {
  if (e.which == 13) {
    var search = $('.searchproductbrand').val();
    window.open('search.php?search='+search,'_self');
  }
});

我希望，它会解决你的问题。

按enter键不会搜索

4 个答案: