JavaScript的onkeypress键盘事件
定义和用法
onkeydown 事件会在键盘按键被按下并释放一个键时发生。
浏览器差异:
Internet Explorer 使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 使用 event.which。
例1:
测试于IE11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title> new document </title><meta name="generator" content="editplus" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /></head>
<script type="text/javascript">
<!--function func(obj,e){obj.value = e.keyCode;}
//-->
</script><body ><input type="text" id="txt" onkeypress = "func(this,event)"/></body>
</html>
以上代码若测试于火狐等浏览器,则改event.keyCode为event.which。
以上内容作为个人学习记录,仅供参考。
JavaScript的onkeypress键盘事件相关推荐
- javaScript+css+html——键盘事件(通过键盘上下左右控制图形位置)
该篇效果需要自己去试,测试的时候通过键盘上面的上下左右来控制图形的位置即可,可通过这个内容尝试做俄罗斯方块. 通过switch case语句控制所选方向. 效果图如下: 代码如下: <!DOCT ...
- react中 onkeyPress键盘事件keyCode无效的问题
我们都知道键盘事件有 1.onkeydown, 2.onkeyup, 3.onkeypress 三种键盘事件 对应的按下键盘上的键的时候,有keyCode, charCode两个属性. 在js中,ke ...
- JavaScript中常见键盘事件以及BOM中window常用对象
一,键盘事件 keypress键盘按下触发,但是不能识别crtl,shift方向键 keydown键盘按下触发,所有按键都支持,区别于keypress keyup键盘弹起触发 代码展示: docume ...
- JavaScript中DOM键盘事件,使用键盘方向键控制图形的移动
注: 键盘事件onkeydown 按键按下如果按住按键不松,则该事件会连续触发当onkeydown连续触发时,第一次和第二次之间会间隔时间稍长,其他的会非常快这种设计是为了防止一些误操作onkeyup ...
- JavaScript绑定键盘事件的多种写法
使用JavaScript来绑定键盘事件时,有多种写法,而他们的实现效果实际上是等价的,下面一一来列举. 方式一: function keyboard() {document.onkeydown = f ...
- javascript之键盘事件onkeydown,onkeyup,onkeypress
键盘事件 键盘事件一般绑定给document,以及一些可以获取焦点的标签,如input标签. onkeydown事件: 当键盘任意键按下时执行,按下不松,会不断执行. onkeyup事件: 当键盘任意 ...
- JavaScript键盘事件常见用法实例分析
JavaScript 键盘事件有以下3种 keydown 键盘按键按下(如果按着不放,会持续触发该事件),可以捕获组合键. keypress 键盘非功能按键按下(在keydown之后触发,如果按着不放 ...
- JavaScript 获取键盘事件(键盘某个按键被按下)
键盘事件(Keyboard Events) 属性 值 描述 onkeydown script 当按下按键时运行脚本 onkeypress script 当按下并松开按键时运行脚本 onkeyup sc ...
- JavaScript键盘事件经典案例
JavaScript键盘事件五大经典案例 目录: JavaScript键盘事件五大经典案例 1.什么是键盘事件 2.常用键盘事件 3.常用属性和方法 4.案例 4.1 京东搜索框 4.2 快递单号输入 ...
最新文章
- ________________2058_______________后台数据不够。可能误判。
- linux下cd命令
- 提高ASP性能的最佳选择
- layui 行悬停显示工具_Minitab | 工具栏和状态栏
- jekenis父子结构项目打包_maven 父子工程打包 并且上传linux服务器
- 苍天饶过谁?| 今日最佳
- P1494 [国家集训队]小Z的袜子
- 基于Mac环境搭建以太坊私有区块链进行挖矿模拟
- python后端开发学什么_零基础学Python,这是阿里Python8年开发经验写给你的学习路线图...
- JavaOne大事纪:IBM谈OpenJ9和Open Liberty
- linux 只有命令指示,Linux命令行翻页?
- [Python2] List-comprehensions 列表推导式
- Ubuntu 12.04.1 mysql从5.5升级到5.6
- 2021世界机器人大赛— 青少年机器人设计大赛
- 重构分析21: 被拒绝的遗赠(Refused Bequest)
- Qt中可执行文件如何添加ICON图标
- 人肝源间充质样干细胞的肝源性潜能及肝再生效应
- windows服务器漏洞修复,三种修复Windows远程桌面服务漏洞(CVE-2019-0708)的方法
- [CSS基础]在一个网页中使用多种不同链接风格的CSS.
- 0基础学绘画怎么临摹