您的位置:首页 > Web前端 > JQuery

jquery探测回车事件代码

2012-03-25 00:15 411 查看
在web开发中,很多时候我们需要探测用户是否按下了键盘上的某个按键。比如说,使用百度搜索时,我们可以在输入关键词后回车即可搜索出结果。那么如何用jquery实现探测用户按下了回车键呢?

以下是实现代码,将以下代码保存为test.html 运行即可体验。

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" >
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div>
输入文本,按回车键<input id="TestTextBox" type="text" />
</div>
</body>
<script type="text/javascript">
$(function()
{
var  testTextBox = $('#TestTextBox');
var code =null;
testTextBox.keypress(function(e)
{
code= (e.keyCode ? e.keyCode : e.which);
if (code == 13) alert('按下了回车键.');
e.preventDefault();
});

});

</script>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: