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 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

【DeveMobile实例】d3.js 与Trianglify 制作SVG格式Low-Poly 特效

在升级了DeveMobile 主题的时候Jeff 也顺便将主题主页进行了更新,访问主页你会看到首屏的Low-Poly 背景(每次刷新都不同),这个效果就是利用了...

2298
来自专栏移动端开发

这个断点可以帮你检查布局约束

前言:     在现在iOS布局中,估计有很多很多开发者会使用到 Masonry 或者用到 SDAutoLayout 或者Storyboard或者还有Xib等等...

2129
来自专栏jeremy的技术点滴

前端ReactJS技术介绍

3773
来自专栏Core Net

微信小程序:动画(Animation)

官方文档是这样说的:①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导出动画数据传递给组件的 ani...

2741
来自专栏向治洪

React Native的Navigator详解

前言 之前,通过官方文档,我们对Navigator简介。 在React Native开发中,官方推荐使用Navigator作为导航指示器,在早期的版本中io...

20210
来自专栏小古哥的博客园

初级React入门

一、引入Reactjs 方法一:直接下载相关js文件引入网页,其中react.js 是 React 的核心库,react-dom.js 是提供与 DOM 相关的...

3097
来自专栏自动化测试实战

Flask第36篇——模板项目实战(二)

前面我们利用宏将首页代码进行了第一次优化。如果我们现在还有其他页面,试想一下,首页上面的搜索框

1133
来自专栏前端人人

React第三方组件2(状态管理之Refast的使用②异步修改state)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件2(状态管理之Refast的使用①...

2593
来自专栏向治洪

React Native的Navigator详解

前言 之前,通过官方文档,我们对Navigator简介。 在React Native开发中,官方推荐使用Navigator作为导航指示器,在早期的版本中ios/...

18810
来自专栏Youngxj

emlog彩色3D标签云 - 非插件

3036

扫码关注云+社区