源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解

  • 时间:2022-05-15 21:17 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
[b]前言[/b] 在阅读本文前,相信大家应该都有所了解,在js获取键盘按下的键值有:[code]event.keyCode[/code]、[code]event.charCode[/code]和[code]event.which[/code]。 [b]其中:[/b] [b]谷歌浏览器:[/b]对[code]event.keyCode[/code]、[code]event.charCode[/code]和[code]event.which[/code]都兼容。 [b]火狐浏览器:[/b]对[code]event.keyCode[/code]部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效。 [code]event.which[/code]也是部分键值有效,如字母键,数字键,enter键,Backspace键等有效,对上下左右键,PgUp(33),PgDn(34)键无效。 [code]event.charCode[/code]也是对部分键值有效,如字母键,数字键,,Backspace键等有效,对enter键,上下左右键,PgUp(33),PgDn(34)键无效。 [b]ie浏览器:[/b]中,IE8及以下浏览器对[code]event.charCode[/code]无效,[code]event.keyCode[/code]和[code]event.which[/code]对大部分键值能获得,但是有少部分也不能获得 网络查看说[code]event.which [/code]将 [code]event.keyCode [/code]和 [code]event.charCode [/code]标准化了。但实际还是有区别的。 [b]所以一般都这样写兼容:[/b]
e.keyCode<span class="hljs-params">||</span>e.which<span class="hljs-params">||</span>e.charCode;
jquery API地址:[url=http://api.jquery.com/event.which/]http://api.jquery.com/event.which/[/url] 如下例子介绍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设置输入法不可用 
 });
[b]Keycode对照表如下:[/b] [img]http://files.jb51.net/file_images/article/201703/2017315111823229.jpg?2017215111946[/img] [b]总结[/b] 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程素材网的支持。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部