jquery探测回车事件代码

在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>

posted on 2012-03-25 00:15  IT技术畅销书  阅读(297)  评论(0)  编辑  收藏  举报

导航