javascript监听键盘事件 - 如表单enter回车提交
javascript监听键盘点击时间,比如:enter回车表单提交、禁止F5刷新、禁用鼠标右键等等
本文仅简单做个介绍,权当抛砖引玉了;如果朋友们有更好的建议或者意见,欢迎留言评论。
代码如下:
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>监听BackSpace_Esc_F2_F12_Enter_Ctrl+S等等组合键</title>
</head>
<body>
<h2>js方法:监听BackSpace_Esc_F2_F12_Enter_Ctrl+S等等组合键</h2><script>document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 alert("按 Esc"); } if(e && e.keyCode==8){ // 按 BackSpace //要做的事情 alert("按 BackSpace"); } if(e && e.keyCode==113){ // 按 F2 //要做的事情 alert("按 F2"); } if(e && e.keyCode==123){ // 按 F12 //要做的事情 alert("按 F12"); } if(e && e.keyCode==13){ // enter 键 //要做的事情 alert("按 Enter"); } if (e.keyCode == 86 && e.ctrlKey) { alert("你按下了Ctrl+V"); } if (e.keyCode == 83 && e.ctrlKey) { alert("你按下了Ctrl+S"); } };
</script>
</body>
</html>
- 具体的监听键盘某个特定的按键,可以参考文章:keyCode键码值对照表
以上就是关于“javascript监听键盘事件 - 如表单enter回车提交”的全部内容。
javascript监听键盘事件 - 如表单enter回车提交相关推荐
- JavaScript学习第十六天(键盘事件、表单事件、拖拽事件、框架事件、媒体事件)
文章目录 键盘事件 表单事件 剪贴板事件 拖拽事件 打印事件 框架事件 媒体事件 总结 键盘事件 onkeydown 键盘按下事件,当有按键按下时触发 onkeyup 键盘松开事件,当有按键被松开时触 ...
- 【Vue教程三】点击事件、表单输入事件、键盘事件
一.点击事件: 1.可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. 'v-on:click' 简写成 '@click' <body><di ...
- ExtJS监听键盘事件:回车键实现登录功能
ExtJS为我们封装了完整的键盘监听事件,我们只要调用相应的接口就能完美的实现键盘监听.在所有的键盘事件中,按回车键提交表单,实现登 录的功能是我们最常用到的键盘监听事件,下面李坏给出一个实现回车键提 ...
- Vue中监听键盘事件
Vue中监听键盘事件 在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作.在原生js或者jQuery中,我们需要判断e.keyCode的值来获取 ...
- 鼠标事件、表单事件、键盘事件、焦点事件
事件介绍 当我们点击一个按钮的时候,会弹出一个对话框.在JavaScript中, "点击"这个事情就看作一个事件."弹出对话框"其实就是我们在点击事件中做的一些 ...
- [vue] vue如何监听键盘事件?
[vue] vue如何监听键盘事件? 那要看你怎么监听了, 比如 @keyup.enter, 或者直接全局监听 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家 ...
- JavaScript使用正则表达式进行邮箱表单验证实例
*******JavaScript使用正则表达式进行邮箱表单验证实例************ 1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下 /正则表达式/.test ...
- html键盘事件监听,react怎样监听键盘事件
react监听键盘事件的方法:React中有监听键盘按下事件onKeyUp或者onKeyDown属性(以下用onKeyUp),值为自定义方法keyUp,即onKeyUp={this.keyUp}. 通 ...
- web前端学习笔记26-事件类型——一般事件、页面事件、表单事件
一.事件类型的分类 事件分为一般事件.页面事件和表单事件 二.一般事件 关键字 释义 关键字 释义 click 单击事件 dblclick 双击事件 mousemove 鼠标移动事件 mouseove ...
最新文章
- CNN模型之SqueezeNet
- linux crontab环境变量,Linux下crontab内环境变量与Shell环境变量的关系【转】
- 股市孙子兵法(收藏)
- android压缩图片质量,Android 图片质量压缩有关问题
- Charles 二三谈
- Java 算法 一元多项式求导
- IBM MQ 7.1在windows和linux上安装
- 打破行业困境,大麦如何引领 NB-IoT 技术创新应用?
- 【MyBatis笔记】日志
- Easy-rules使用介绍
- Spring No mapping found for HTTP request with URI错误
- 二级c语言试卷合集pdf,全国计算机二级C语言历年真题完整版.pdf
- GB/T 36964-2018《软件工程 软件开发成本度量规范》国家标准正式发布...
- NTSC、PAL、SECAM三大制式简介
- Mybatis学习整理
- 软件项目管理三国启示录01 群雄争霸之项目经理的自我修养
- VUE 中 keep-alive 的 --是什么-- 使用场景-- 作用-- 新增属性--动态组件--理解
- UNLIMITED TABLESPACE权限
- MATLAB与STK互联10:卫星对象操作(2)—卫星轨道参数设置(方法1,通过轨道生成器设置实现)
- C++的STL中accumulate函数用法
热门文章
- Nerv --- React IE8 兼容方案
- 程序员的灯下黑:重知识轻技术(转)
- libevent和基于libevent的网络编程
- 搜索引擎蜘蛛给网站带来的危害,有效指引爬虫对应的措施(最准确搜索引擎蜘蛛名称)...
- NET多线程探索-线程同步和通信
- 雷人!09年0分最具文采的高考作文
- IE与Firefox的CSS兼容大全~~论坛推荐~!!!
- mysql增删改查扩展_MySQL(增删改查补充)
- 手机里的html文档是什么,华为手机中后面带HTML的文档能删除吗?
- 信息学奥赛一本通 1188:菲波那契数列(2) | OpenJudge NOI 2.3 1760:菲波那契数列(2)