我有一个文本输入和一个按钮(见下文)。我如何使用JavaScript触发按钮的点击事件时，进入键按下文本框内?
在我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设置为提交按钮。并且，我只想让Enter键单击这个特定的按钮，如果它是从这个文本框中按下，没有其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
当前回答
document.onkeypress = function (e) {
e = e || window.event;
var charCode = (typeof e.which == "number") ? e.which : e.keyCode;
if (charCode == 13) {
// Do something here
printResult();
}
};
这是我的意见。我正在为Windows 8开发一个应用程序，并希望按钮在我按Enter键时注册一个单击事件。我在JS中做这个。我尝试了一些建议，但都有问题。这工作得很好。
其他回答
event.returnValue = false
在处理事件时或在事件处理程序调用的函数中使用它。
它至少在ie浏览器和Opera上运行。
对于jQuery移动，我必须做:
$('#id_of_textbox').live("keyup", function(event) {
if(event.keyCode == '13'){
$('#id_of_button').click();
}
});
这是为所有YUI爱好者提供的解决方案:
Y.on('keydown', function() {
if(event.keyCode == 13){
Y.one("#id_of_button").simulate("click");
}
}, '#id_of_textbox');
在这种特殊情况下，我确实使用YUI来触发已注入按钮功能的DOM对象有更好的结果——但这是另一个故事……
在jQuery中，以下代码可以工作:
$("#id_of_textbox").keyup(function(event) {
if (event.keyCode === 13) {
$("#id_of_button").click();
}
});
$（“#pw”）.keyup（function（event） { if （event.keyCode === 13） { $（“#myButton”）.click（）; } }); $（“#myButton”）.click（function（） { 警报（“按钮代码已执行。 }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> 用户名：<输入 id=“用户名” 类型=“文本”><br> 密码： <输入 id=“pw” 类型=“密码”><br> <按钮 id=“我的按钮”>提交</button>
或者在纯JavaScript中，以下代码可以工作:
document.getElementById("id_of_textbox")
.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
document.getElementById("id_of_button").click();
}
});
document.getElementById（“pw”） .addEventListener（“keyup”， function（event） { event.preventDefault（）; if （event.keyCode === 13） { document.getElementById（“myButton”）.click（）; } }); 功能按钮代码（） { 警报（“按钮代码已执行。 } <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> 用户名：<输入 id=“用户名” 类型=“文本”><br> 密码： <输入 id=“pw” 类型=“密码”><br> <button id=“myButton” onclick=“buttonCode（）”>提交</button>
这也可能有帮助，一个小的JavaScript函数，它工作得很好:
<script type="text/javascript">
function blank(a) { if(a.value == a.defaultValue) a.value = ""; }
function unblank(a) { if(a.value == "") a.value = a.defaultValue; }
</script>
<input type="text" value="email goes here" onfocus="blank(this)" onblur="unblank(this)" />
我知道这个问题已经解决了，但我刚刚发现了一些东西，可以对其他人有所帮助。
