博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性
阅读量:6366 次
发布时间:2019-06-23

本文共 1275 字,大约阅读时间需要 4 分钟。

js获取键盘按下的键值有event.keyCode,event.charCodeevent.which

其中:

谷歌浏览器对event.keyCode,event.charCode和event.which都兼容。

火狐浏览器对event.keyCode部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效。

event.which也是部分键值有效,如字母键,数字键,enter键,Backspace键等有效,对上下左右键,PgUp(33),PgDn(34)键无效。

event.charCode也是对部分键值有效,如字母键,数字键,,Backspace键等有效,对enter键,上下左右键,PgUp(33),PgDn(34)键无效。

ie浏览器中,IE8及以下浏览器对event.charCode无效,event.keyCode和event.which对大部分键值能获得,但是有少部分也不能获得

 

网络查看说event.which 将 event.keyCode 和 event.charCode 标准化了。但实际还是有区别的。

所以一般都这样写兼容:

e.keyCode||e.which||e.charCode;

jquery API地址:http://api.jquery.com/event.which/

如下例子介绍Query限制文本框只能输入数字和小数点的方法

$(function(){        /*JQuery 限制文本框只能输入数字*/        $(".NumText").keyup(function(){            $(this).val($(this).val().replace(/[^0-9]/g,''));        }).bind("paste",function(){  //CTR+V事件处理                $(this).val($(this).val().replace(/[^0-9]/g,''));        }).css("ime-mode", "disabled"); //CSS设置输入法不可用            /*JQuery 限制文本框只能输入数字和小数点*/        $(".NumDecText").keyup(function(){            $(this).val($(this).val().replace(/[^0-9.]/g,''));        }).bind("paste",function(){  //CTR+V事件处理                $(this).val($(this).val().replace(/[^0-9.]/g,''));        }).css("ime-mode", "disabled"); //CSS设置输入法不可用        });

 

Keycode对照表如下:

转载地址:http://wyrma.baihongyu.com/

你可能感兴趣的文章
JSP标签JSTL的使用(1)--表达式操作
查看>>
SAP顾问的人脉比技术更为重要
查看>>
FI/CO PA考试试卷
查看>>
汽车介质应用非常严苛?没关系,新技术带来的高精度传感器十分适应!
查看>>
天合光能 - 用计算捕捉“光的能量”
查看>>
使用sysbench压力测试MySQL(一)(r11笔记第3天)
查看>>
css知多少(11)——position
查看>>
【Spring】定时任务详解实例-@Scheduled
查看>>
先有的资源,能看的速度看,不能看的,抽时间看。说不定那天就真的打不开了(转)...
查看>>
[20161028]rman与filesperset=1.txt
查看>>
哪些领域适合开发微信小程序
查看>>
谁说数据库防火墙风险大?可能你还不知道应用关联防护
查看>>
ASP.NET Core应用针对静态文件请求的处理[2]: 条件请求与区间请求
查看>>
怎样做一个企业?尤其是在这个互联网时代
查看>>
DVNA:Node.js打造的开源攻防平台
查看>>
17个案例带你3分钟搞定Linux正则表达式
查看>>
Java 8 比较器:如何对 List 排序
查看>>
苹果是否步思科后尘折戟中国
查看>>
漏洞预警!微软曝光震网三代漏洞,隔离网面临重大危机
查看>>
协鑫集成第二批1000台E-KwBe光伏储能设备即将启运澳洲
查看>>