javascript - 搜狗输入法回车键是可以输入英文的，通过keydown去检测回车键提交，但是有的时候用户只是输出英文字母，但是表单就已经提交了。-PHP中文网问答

javascript - 搜狗输入法回车键是可以输入英文的，通过keydown去检测回车键提交，但是有的时候用户只是输出英文字母，但是表单就已经提交了。

PHP中文网 2017-04-10 16:54:41

[JavaScript讨论组]

634

RT 如何去解决这个问题。

PHP中文网

认证0级讲师

全部回复(4)

PHPz2017-04-10 16:56:41 4楼

如果是input的话，文本域另当别论。监听input keydown和keyup事件。keydown记录此时的value，keyup判断当前按下的键是否为回车键，如果是，并且value值没有改变，即提交，否则不提交。

    var input = document.querySelector('input'),
        oldValue = '';

    input.addEventListener('keydown', function(e){
        oldValue = this.value;
    }, false);

    input.addEventListener('keyup', function(e){
        var code = e.keyCode;
        if( code == 13 ){
            if( oldValue === this.value ){
                console.log('submit');
            }
        }

    }, false);

测试截图

第一次回车不会打印submit,如果再按下回车就会打印。

赞 +0

添加回复

阿神2017-04-10 16:56:41 3楼

监听表单的onsubmit事件即可，然后把提交按钮的type设置成submit。不需要监听keydown事件。

赞 +0

添加回复

PHPz2017-04-10 16:56:41 2楼

既然你在楼上的回答里评论说有时候可能不是表单，我觉得：
加入你的提交按钮是个A，可以在keydown的时候判断一个变量，比如 isCanSubmit 。
在表单change的时候去看一下整个form是否可以提交，可以的话把这个变量赋值为true。

具体实施可能有点复杂，效率低。

赞 +0

添加回复

伊谢尔伦2017-04-10 16:56:41 1楼

为了测试你这问题我还专门下了一个搜狗输入法。。。

代码如下：

js:

    $(function() {

//         $(document).keyup(function(event) {
//             if (event.keyCode == 13) {
//                 console.log($('#input').val());
//             }
//         });
        document.onkeydown= function(event) {
            if (event.keyCode == 13) {
                console.log($('#input').val());
            }
        }
    });

html: