js 控制textbox enter 回车禁止提交功能(ie9,firefox,ie8,chrome测试通过)

最新推荐文章于 2021-01-21 16:51:21 发布

原创最新推荐文章于 2021-01-21 16:51:21 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ie #textbox #firefox #chrome #测试 #function

Javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用JavaScript阻止用户按下Enter键时默认提交表单的方法。通过监听按键事件并判断是否为Enter键，实现取消默认行为，适用于IE和Firefox等浏览器。

js:

 //铵enter键,阻止提交订单
        function doClick(event) {
            //    if ($.trim($('#' + buttonId + '').val()) == '') {
            //        shorError();
            //        return;
            //    }
            var key;

            if (window.event)
                key = window.event.keyCode;     //IE
            else
                key = event.which;     //firefox

            if (key == 13) {
                //                if ($.trim($('#btnVerificationCode').val()) == '') {
                //                    shorError();
                //                }
                try {
                    if (window.event) {//ie
                        window.event.keyCode = 0
                        window.event.returnValue = false;
                    }
                    else {//firefox
                        return false;
                    }
                }
                catch (ex) {
                }
            }
        }

html:

<input id="btnVerificationCode" type="text" value="" style="width: 45px;"
                        name="checkcode" onkeypress="return doClick(event);"
                        maxlength="4" />