html - 如何将此 html 按钮链接到输入类型“文本”，以便当我从输入类型按 enter 时，按钮被激活？

Question

这是表单的html代码：

<form>
 Input Twitter ID: <input type="text" name="userid" id="userid">  

<button type="button" onClick="getStatuses();">Get recent tweets</button>  

</form> 

目前该按钮激活 getStatuses()。我想要这样当用户在输入文本后按下回车键时，它也会激活按钮。输入在 getStatuses() 中使用，并由输入的 id 引用。

Answer 1

您可以使用 onkeyup 属性并调用函数：

JS：

function checkKey(e){
    var enterKey = 13;
    if (e.which == enterKey){
        getStatuses();
    }
}

HTML：

<input type="text" name="userid" id="userid" onkeyup="checkKey(event)">