首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >javascript 模拟按键点击提交

javascript 模拟按键点击提交

作者头像
纯粹是糖
发布于 2018-03-14 07:01:29
发布于 2018-03-14 07:01:29
4.6K00
代码可运行
举报
文章被收录于专栏:kwcodekwcode
运行总次数:0
代码可运行

上代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!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   

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JavaScript 实现阻碍调试
实现全屏爆炸:这段代码很简单,当按下调试键的时候,全屏都是乱码,所有标签里都会填充为乱码,轻则直接可以让浏览器崩溃,经测试有些系统则可能会蓝屏!(慎用)
王 瑞
2022/12/28
6670
JavaScript 各种事件触发总结
鼠标 Click: 鼠标在一个对象上左键点击触发Click事件,对象包括button,document,checkbox,link,radio,submit.
王 瑞
2022/12/28
4.3K0
js按键记录
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" language=JavaScript> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; con
似水的流年
2023/02/02
5.6K0
html屏蔽右键、禁止复制与禁止查看源代码的几种方法
先来一种最简单的方法,它直接在body属性定义了oncontextmenu,使得右键的值为false,起到了屏蔽右键的效果。
岳泽以
2022/10/26
5.7K1
js事件对象相关随记
1.什么是事件 JavaScript事件是由访问Web页面的用户引起的一系列操作, 例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。 2.事件的三种写法 //在HTML中把事件处理函数作为属性执行JS函数 <input type="button" value="按钮" onclick="alert('你好');" /> //执行与脚本分离 <input type="button" value="按钮" onclick="fn();" /> //
天天_哥
2018/09/29
1.4K0
js键盘事件以及键盘事件拦截
一.键盘事件 onkeydown: 按下键盘时触发 onkeypress: 按下有值的键时触发 注意: onkeypress按下 Ctrl、Alt、Shift、Meta 这样无值的键,这个事件不会触发对于有值的键,按下时先触发 keydown 事件,再触发这个事件 onkeyup:松开键盘时触发该事件 二.组合键 ctrl相关 alt相关 meta (Mac键盘是一个四瓣的小花,Windows键盘是Windows键) 相关 shift相关 写一个举例其他都
小小咸鱼YwY
2020/06/19
6.8K0
前端学习(53)~键盘事件
onmousewheel:鼠标滚轮滚动的事件,会在滚轮滚动时触发。但是火狐不支持该属性。
Vincent-yuan
2020/03/19
1.1K0
javaScript事件处理
JS事件指再浏览器窗体或者HTML元素上发生的,乐意触发JS代码块运行的行为,下面,我们一起来看看相关事件。
花狗Fdog
2020/11/24
2.6K0
javaScript事件处理
JavaScript——DOM事件高级
此方法将指定的监听器注册到eventTarger(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。
岳泽以
2022/10/26
2K0
JavaScript——DOM事件高级
【JavaScript】JavaScript开篇基础(5)
方法监听注册方式:addEventListener() 特点:同一个元素同一个事件可以注册多个监听器(监听处理函数function),按注册顺序依次执行
E绵绵
2024/11/13
1550
【JavaScript】JavaScript开篇基础(5)
前端day16-JS(WebApi)学习笔记(事件补充、事件冒泡与捕获)
var code = e.keyCode || e.charCode || e.which;
帅的一麻皮
2020/05/05
1.9K0
JavaScript 事件对象
一.事件对象 事件处理三部分组成:对象.事件处理函数=函数。例如:单击文档任意处。 document.onclick = function () { alert('Lee'); }; PS:以上程序的名词解释:click表示一个事件类型,单击。onclick表示一个事件处理函数或绑定对象的属性(或者叫事件监听器、侦听器)。document表示一个绑定的对象,用于触发某个元素区域。function()匿名函数是被执行的函数,用于触发后执行。 除了用匿名函数的方法作为被执行的函数,也可以设置成独立的函数。 do
汤高
2018/01/11
2.1K0
从零开始学 Web 之 jQuery(七)事件冒泡,事件参数对象,链式编程原理
事件冒泡:当一个元素触发某个事件的时候,会把这个事件传播到其父元素,一直到顶层元素。
Daotin
2018/08/31
8320
第53天:鼠标事件、event事件对象
-->鼠标事件 -->event事件对象 -->默认事件 -->键盘事件(keyCode) -->拖拽效果
半指温柔乐
2018/09/11
1.1K0
JavaScript进阶内容——DOM详解
JavaScript使我们有能力创建动态页面,而事件就是被JavaScript所侦测到的行为。
秋落雨微凉
2022/10/25
1.6K0
JavaScript进阶内容——DOM详解
JS监听键盘按键
<html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <script type="text/javascript" language="JavaScript">       document.onkeydown = function (event) {         var e = event || window.event || arguments.callee.call
似水的流年
2021/11/18
7.7K0
JavaScript学习笔记(二)
JavaScript的事件机制:事件是JavaScript和DOM交互的桥梁,常见的click,load,mouseover都是事件的名字,事件发生时调用它的处理函数执行相应的JavaScript代码并给出响应。
wsuo
2020/07/31
1K0
JavaScript 前端知识点总结
Java Script 是基于对象的脚本语言,而不是面向对象中所使用的那个对象,之所以说JS是一门基于对象的编程语言,是因为它没有提供抽象,继承,封装等面向对象语言的很多功能,而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统.
王 瑞
2022/12/28
2.6K0
JavaScript事件与例子
事件,就是预先设置好的一段代码,等到用户触发的时候执行。 一:常见的事件: 1.关于鼠标的事件   onclick 鼠标单击触发   ondblclick 鼠标双击触发   onmouseover 鼠标移上触发   onmouseout 鼠标离开触发   onmousemove 鼠标移动触发 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra
二十三年蝉
2018/02/27
9250
在ASPNET中使用JS集锦
(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')"); 2. linktempDelete
欢醉
2018/01/22
5.3K0
相关推荐
JavaScript 实现阻碍调试
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档