<!DOCTYPE html>
<html>
<head>
<!--引入线上jQuery库，（必须引用，或者直接下载后引用）-->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
//third method
$(document).keypress(function(event){
if(event.keyCode ==13){
$("#codeSubmit").trigger("click");
}
});
/*
$(document).ready(function(){
//first method
//$("#errorCode").keydown(function (e) {//当按下按键时
// if (e.which == 13) {//.which属性判断按下的是哪个键，回车键的键位序号为13
// $('#codeSubmit').trigger("click");//触发搜索按钮的点击事件
// }
//});
//second method
$("#errorCode").on('keypress',function(event){
if(event.keyCode == 13){
//alert("hello");
$('#codeSubmit').trigger('click')}
});
})
*/
function copyText(){
//document.getElementById("lastname").value=document.getElementById("firstname").value;
alert("查询成功！");
//do something
}
</script>
</head>
<body>
<div id="errorForm">
Field1: <input type="search" name="errorCode" id="errorCode" value="" placeholder="请输出错误码进行查询"><br>
Field2: <input type="search1" name="errorCode1" id="errorCode1" value="" placeholder="请输出错误码进行查询" onkeypress="copyText()"><br>
Field3: <button id="codeSubmit" value="" onclick="copyText()">查询</button><br><br>
</div>
</body>
</html>
用浏览器打开你会看到如下图所示结果（点击enter键和点击查询按钮）：
用jQuery的有三种方法，第三种的是全局方法，监听应用于页面的所有的输入框（因为没有绑定元素），其他两种只会触发绑定的输入框；还有一种input的自带的点击事件属性，添加onkeypress属性，绑定函数也是可以实现的。
4569
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
