如何设置'enter'到热键的一个链接在我的网页

How to set 'enter' to hotkey of a link in my webpage?

本文关键字：一个 链接 网页 我的 何设置 设置 enter      更新时间：2023-09-26

我有一个链接，作为搜索栏的提交按钮:

<a href="#" id="search"><img src="images/go.png" /></a>

我是否可以将enter设置为该链接的热键?

例如，当用户按下enter时，它将自动启动链接并开始搜索，就像google一样。

这是我到目前为止得到的，但似乎不起作用:

    addEventListener("keypress", function (event) {
        if (event.keyCode == 13)
            $('search').trigger('click');
    });

将搜索栏组件包裹在表单标签中。它将自动将回车键设置为默认热键，以触发搜索事件。

为例:

<form action="someServerSideFileToHandleTheSearchInput">
    <input type="text"><!-- I think you have a input form here? -->
    <a href="#" id="search"><img src="images/go.png" /></a>
</form>

这很好，因为即使人们在浏览器中禁用javascript，它也会继续工作。

从这里偷了这个片段，完全归功于@TheSuperTramp的原始答案

如果你只是在搜索框中按下enter键时提交表单，而不是在整个文档中提交，那么这应该是正确的方向

$('#textarea').bind("enterKey",function(e){
    //submit your search here
});
$('#textarea').keyup(function(e){
    if(e.keyCode == 13)
    {
      $(this).trigger("enterKey");
    }
});
相关文章：