zoukankan      html  css  js  c++  java
  • 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   

  • 相关阅读:
    周总结博客07
    河北重大技术需求系统05
    php面向对象中的魔术方法
    用Kotlin开发Android应用(II):创建新项目
    Android APP性能分析方法及工具
    php基础
    jQuery总结
    css总结
    PHP运算符优先级(摘自在线工具)
    PHPExcel导出excel表格
  • 原文地址:https://www.cnblogs.com/LoveTX/p/7683108.html
Copyright © 2011-2022 走看看