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   

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏林德熙的博客

win10 uwp 手动锁Bitlocker bitlocker手动锁

Windows BitLocker驱动器加密通过加密Windows操作系统卷上存储的所有数据可以更好地保护计算机中的数据。BitLocker使用TPM帮助保护W...

291
来自专栏古时的风筝

Java 项目中一种简单的动态修改配置即时生效的方式 WatchService

1165
来自专栏醉梦轩

编译可用的Android模拟器ranchu内核

1442
来自专栏一只程序汪的自我修养

每周开源项目分享-年轻人的第一个OAuth2.0 Server:hydra

文档地址:https://www.ory.sh/docs/guides/master/hydra/

902
来自专栏React Native开发圈

React Native联系人组件

需要增加读取联系人的权限,在Info.plist中增加一个key:"Privacy - Contacts Usage Description”。

803
来自专栏杂烩

centos7安装Rancher 原

    Rancher号称是全栈化容器管理平台,官网:https://www.cnrancher.com/。

874
来自专栏bboysoul

开源堡垒机jumpserver搭建

之前说了国产良心kodexplorer,今天再说一个国内比较好的开源项目jumpserver,除此之外还可以的国内开源项目我觉得就是宝塔面板了。废话不多说上教程...

643
来自专栏FreeBuf

传输层安全协议抓包分析之SSL/TLS

1. 协议介绍 SSL/TLS是保护计算机网络通讯安全的一类加密协议,它们在传输层上给原先非安全的应用层协议提供加密保护,如非安全的HTTP协议即可被SSL/T...

2129
来自专栏康怀帅的专栏

Docker Machine 使用详解

Automate container provisioning on your network or in the cloud. Available for W...

3604
来自专栏hbbliyong

Windows 7笔记本创建wifi热点供手机上网教程

用智能手机的朋友会发现这样一个问题,智能手机比普通手机上网更耗流量。这是因为智能手机应用(软件)丰富,而且大部分应用都会自动联网。为此,许多人每月包了上百M的流...

2687

扫描关注云+社区