button默认enter事件(回车事件)。


 这里我介绍一下，button按钮默认回车（enter）事件。如果大家可以用submit，就不用看以下代码，因为submit可以直接默认回车事件（enter）。

在这里特此声明，代码是通过jquery完成。实列代码我亲自写的，完全可以实现，只要复制过去就可以用，但是必须导入jquery包。着个方法支持ie与火狐，绝对好使。我在做的时候在网上找了一些代码，基本全不支持火狐。好了，废话也说了不少了。开始代码演示。欢迎大家挑错，与技术指点，谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>火狐和IE都支持的enter事件</title>
    <script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
    <script type="text/javascript">
        document.onkeydown = function (e) {
            var theEvent = window.event || e;
            var code = theEvent.keyCode || theEvent.which;
            if (code == 13) {
                $("#but1").click();
            }
        }

        $(document).ready(function () {
            $("#but1").click(function () {
                alert("我是enter事件," + "text值:" + $("#text1").val());
            })
            $("#but2").click(function () {
                alert("我是Jquery事件" + "text值:" + $("#text1").val());
            })
        });
    </script>
</head>
<body>
    <input type="text" id="text1" />
    <input type="button" id="but1"  value="确定(我是enter事件)"/>
    <input type="button" id="but2" value="确定(我是Jquery事件)" />

</body>
</html>
posted @ 2011-05-17 23:54  Kylor  阅读(6443)  评论(1)  编辑  收藏  举报