javascript 模拟按键点击提交

时间:2022-05-04
本文章向大家介绍javascript 模拟按键点击提交,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

上代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <style>
        a { background: #009688; color: #FFF; padding: 5px 10px; border-radius: 2px; font-size: 12px; }
    </style>
    <script>

        $(function () {
            // onkeypress 事件在所有浏览器中不能触发所有按键(例如:ALT, CTRL, SHIFT, ESC) 。如果只对用户是否已经按下一个按键检测, 可以使用 onkeydown 取代, onkeydown被所有按键触发。
            document.body.onkeypress = function (e) {
                e = e || event;
                //alert(e.ctrlKey);//有没有按下ctrl键
                if (e.keyCode == 121) {
                    //按下Y键
                    $(".btnOK").click();
                    //alert(e.key);
                }
                else if (e.keyCode == 110) {
                    //按下N键
                    $(".btnCancel").click();
                }

            }

            $(".btnOK").click(function () {
                alert("确定保存");
            })
            $(".btnCancel").click(function () {
                alert("取消");
            })
        })

    </script>
</head>
<body> 
    <a class="btnOK">确定保存(Y)</a>
    <a class="btnCancel">取消(N)</a>
</body>
</html>

效果:按下 Y或N