js监听键盘提交表单

Posted zhanxuewei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js监听键盘提交表单相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<title>登陆系统</title>
<link href="/nmm/Public/User/css/user.css" rel="stylesheet">
<link href="/nmm/Public/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="/nmm/Public/js/jquery.min.js"></script>
<script type="text/javascript" src="/nmm/Public/User/js/user.js"></script>
<script type="text/javascript">
        if (top.window !== window) {
                top.location = window.location;
        }

        //执行键盘按键命令
        function keyDown(e) {
                var keycode = 0;
                //IE浏览器
                if (CheckBrowserIsIE()) {
                        keycode = event.keyCode;
                } else {
                        //火狐浏览器
                        keycode = e.which;
                }
                if (keycode == 13) //回车键是13
                {
                        $("#btn-save").click();
                }
        }
        //判断访问者的浏览器是否是IE
        function CheckBrowserIsIE() {
                var result = false;
                var browser = navigator.appName;
                if (browser == "Microsoft Internet Explorer") {
                        result = true;
                }
                return result;
        }
</script>
</head>

<body class="login" onkeydown="keyDown(event);">
        <form name="forms">
                <div class="login_m">
                        <div class="login_logo">
                                <h1>NMM 信息发布系统</h1>
                        </div>
                        <div class="login_boder">
Type  :quit<Enter>  to exit Vim                                                                                                  47,4-25       29%
                                                <button type="button" id="btn-save" class="btn btn-primary"
                                                        onclick="return check();">登陆</button>
                                        </p>
                                </div>
                        </div>
                </div>
                <div class="text-center">
                       
                </div>
        </form>

        <!-- Modal -->
        <div class="modal fade" id="msgModal">
                <div class="modal-dialog">
                        <div class="modal-content">
                                <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">
                                                <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                                        </button>
                                        <h4 class="modal-title" id="msgModalLabel"></h4>
                                </div>
                                <div class="modal-body text-center" id="msgModalBody"></div>
                                <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                                </div>
                        </div>
                </div>
        </div>
</body>
</html>

 

以上是关于js监听键盘提交表单的主要内容,如果未能解决你的问题,请参考以下文章

ios键盘上的搜索按钮不提交表单

回车提交表单

使用任何键盘快捷键提交 PHP 表单

手机端实现软键盘搜索

pyHook无法监听键盘事件?

Android 键盘事件触发以及监听