搜索按钮不起作用

Question

我的搜索结果页面上有一个输入字段。我使用了以下事件：

onkeypress="if (event.keyCode == 13) {document.getElementById('results-search').click()}"

问题在于，当我执行搜索时，单击搜索按钮时没有任何反应。当我点击或按下既不输入时它不起作用。这仅在Mozilla Firefox和Microsoft Edge上发生，但在Google Chrome上运行正常。请帮忙

Answer 1

某些浏览器可能不支持

event.keyCode属性。请尝试使用event.keyCode || event.which代替：

onkeypress="if ((event.keyCode || event.which) == 13) {document.getElementById('results-search').click()}"

如果您使用jQuery，如果您使用keyCode或which属性并不重要，则两者都可以使用。您添加了jquery代码，但未在代码中使用它。

顺便说一句。处理按钮的click事件也不是更好吗？在我看来，它看起来会更优雅。将JavaScript代码与HTML分开也很不错。

document.getElementById('input-search').onkeypress = function(e) 
{ 
    if ((e.which || e.keyCode) === 13) 
        search(); 
};

document.getElementById('results-search').onclick = search;

function search() 
{ 
    //do something...
}