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 快递单号输入 ...
最新文章
- HTML学习笔记之基本介绍
- 《新程序员002》图书正式上市! 从“新数据库时代”到“软件定义汽车”
- swoole必须和PHP使用吗,php有必要使用swoole吗
- nofollow标签_网站nofollow标签的应用 - 最蜘蛛池博客
- python语言的理解-终于明白python语言的特点是什么
- java怎样循环写数组按钮_java – 将按钮变量声明为带有for循环android的数组
- 客户机系统已禁用cpu_Metricbeat System process metricset系统进程监控参数详情
- C语言预处理命令分类和工作原理
- MongoDB数据库备份恢复与导入导出
- Bootstrap 排版引用
- html隐藏域 js,JS实现“隐藏与显示”功能(多种方法)
- TSP旅行商问题的Hopfield求解过程
- ise许可证怎么解决_ISE 2.4升级警报:安装的少量VM许可证比配置的VM节点
- 【mysql】触发器的实例详解
- 计算机图形学常用知识点,计算机图形学基础重点
- Markdown流程图实用工具汇总Obsidian+excalidraw
- Android手机开发课程设计之记事本
- Android 源代码分享
- 损失次数模型-负二项分布
- hashmap与concurrenthashmap源码解析
热门文章
- OneNote 2003 中文版 完整 单独安装程序 下载
- hdu 4738 无向图缩点断桥 // 细节坑题
- DIV六种实现元素水平居中
- 丹纳赫将投资6000万美元扩厂颇尔顺义生产基地产能;邦耀生物任命李付英为副总裁药政事务部负责人 | 医药健闻...
- cad单位_1分钟带你摸透CAD中的各种比例!这些比例你都搞清楚了吗?
- ue4中隐藏灯光和相机图标_UE4中的光线追踪和SSGI照明研究
- 运行 ArchR 报错“createArrowFiles has encountered an error, checking if any ArrowFiles completed..”
- 《Windows》安装Xmind后启动失败的解决方法
- 一分钟学会将OpenStack Havana代码编译成DEB包
- python做圆柱绕流_基于snappyHexMesh生成网格的圆柱绕流算例