JS获取回车事件（兼容各浏览器）

最新推荐文章于 2022-12-20 17:11:49 发布
最新推荐文章于 2022-12-20 17:11:49 发布
阅读量1.3k 收藏 3
点赞数 1
分类专栏： JavaScript 文章标签： javascript

JS获取回车事件一。用到onkeydown获取事件动作，二。用到键盘对应代码keyCode,三。 var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异，下面以贴一下实例：
 

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>JS获取回车时间（兼容各浏览器）</title>  
  6. </head>  
  7.   
  8. <body>  
  9.   
  10.   
  11.     <input onkeydown="enterSumbit()" type="text" id="qqnum" class="text"/>  
  12.     <input onclick="queryAward()" type="button" class="btnS" value="提交"/>  
  13.   
  14.   <script>  
  15.  function enterSumbit(){  
  16.       var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异  
  17.      if (event.keyCode == 13){  
  18.         queryAward();  
  19.      }  
  20.  }  
  21.  function queryAward(){  
  22.      alert('test');  
  23.  }  
  24.   </script>  
  25. </body>  
  26. </html>  
  27. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  28. <html xmlns="http://www.w3.org/1999/xhtml">  
  29. <head>  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  31. <title>JS获取回车时间（兼容各浏览器）</title>  
  32. </head>  
  33.   
  34. <body>  
  35.   
  36.   
  37.     <input onkeydown="enterSumbit()" type="text" id="qqnum" class="text"/>  
  38.     <input onclick="queryAward()" type="button" class="btnS" value="提交"/>  
  39.   
  40.   <script>  
  41.  function enterSumbit(){  
  42.       var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异  
  43.      if (event.keyCode == 13){  
  44.         queryAward();  
  45.      }  
  46.  }  
  47.  function queryAward(){  
  48.      alert('test');  
  49.  }  
  50.   </script>  
  51. </body>  
  52. </html>  

顺便再摘录一下有关keycode相关事件响应列表

 

XML/HTML代码
  1. keycode     8 = BackSpace BackSpace  
  2. keycode     9 = Tab Tab  
  3. keycode    12 = Clear  
  4. keycode    13 = Enter  
  5. keycode    16 = Shift_L  
  6. keycode    17 = Control_L  
  7. keycode    18 = Alt_L  
  8. keycode    19 = Pause  
  9. keycode    20 = Caps_Lock  
  10. keycode    27 = Escape Escape  
  11. keycode    32 = space space  
  12. keycode    33 = Prior  
  13. keycode    34 = Next  
  14. keycode    35 = End  
  15. keycode    36 = Home  
  16. keycode    37 = Left  
  17. keycode    38 = Up  
  18. keycode    39 = Right  
  19. keycode    40 = Down  
  20. keycode    41 = Select  
  21. keycode    42 = Print  
  22. keycode    43 = Execute  
  23. keycode    45 = Insert  
  24. keycode    46 = Delete  
  25. keycode    47 = Help  
  26. keycode    48 = 0 equal braceright  
  27. keycode    49 = 1 exclam onesuperior  
  28. keycode    50 = 2 quotedbl twosuperior  
  29. keycode    51 = 3 section threesuperior  
  30. keycode    52 = 4 dollar  
  31. keycode    553 = 5 percent  
  32. keycode    54 = 6 ampersand  
  33. keycode    55 = 7 slash braceleft  
  34. keycode    56 = 8 parenleft bracketleft  
  35. keycode    57 = 9 parenright bracketright  
  36. keycode    65 = a A  
  37. keycode    66 = b B  
  38. keycode    67 = c C  
  39. keycode    68 = d D  
  40. keycode    69 = e E EuroSign  
  41. keycode    70 = f F  
  42. keycode    71 = g G  
  43. keycode    72 = h H  
  44. keycode    73 = i I  
  45. keycode    74 = j J  
  46. keycode    75 = k K  
  47. keycode    76 = l L  
  48. keycode    77 = m M mu  
  49. keycode    78 = n N  
  50. keycode    79 = o O  
  51. keycode    80 = p P  
  52. keycode    81 = q Q at  
  53. keycode    82 = r R  
  54. keycode    83 = s S  
  55. keycode    84 = t T  
  56. keycode    85 = u U  
  57. keycode    86 = v V  
  58. keycode    87 = w W  
  59. keycode    88 = x X  
  60. keycode    89 = y Y  
  61. keycode    90 = z Z  
  62. keycode    96 = KP_0 KP_0  
  63. keycode    97 = KP_1 KP_1  
  64. keycode    98 = KP_2 KP_2  
  65. keycode    99 = KP_3 KP_3  
  66. keycode 100 = KP_4 KP_4  
  67. keycode 101 = KP_5 KP_5  
  68. keycode 102 = KP_6 KP_6  
  69. keycode 103 = KP_7 KP_7  
  70. keycode 104 = KP_8 KP_8  
  71. keycode 105 = KP_9 KP_9  
  72. keycode 106 = KP_Multiply KP_Multiply  
  73. keycode 107 = KP_Add KP_Add  
  74. keycode 108 = KP_Separator KP_Separator  
  75. keycode 109 = KP_Subtract KP_Subtract  
  76. keycode 110 = KP_Decimal KP_Decimal  
  77. keycode 111 = KP_Divide KP_Divide  
  78. keycode 112 = F1  
  79. keycode 113 = F2  
  80. keycode 114 = F3  
  81. keycode 115 = F4  
  82. keycode 116 = F5  
  83. keycode 117 = F6  
  84. keycode 118 = F7  
  85. keycode 119 = F8  
  86. keycode 120 = F9  
  87. keycode 121 = F10  
  88. keycode 122 = F11  
  89. keycode 123 = F12  
  90. keycode 124 = F13  
  91. keycode 125 = F14  
  92. keycode 126 = F15  
  93. keycode 127 = F16  
  94. keycode 128 = F17  
  95. keycode 129 = F18  
  96. keycode 130 = F19  
  97. keycode 131 = F20  
  98. keycode 132 = F21  
  99. keycode 133 = F22  
  100. keycode 134 = F23  
  101. keycode 135 = F24  
  102. keycode 136 = Num_Lock  
  103. keycode 137 = Scroll_Lock  
  104. keycode 187 = acute grave  
  105. keycode 188 = comma semicolon  
  106. keycode 189 = minus underscore  
  107. keycode 190 = period colon  
  108. keycode 192 = numbersign apostrophe  
  109. keycode 210 = plusminus hyphen macron  
  110. keycode 211 =  
  111. keycode 212 = copyright registered  
  112. keycode 213 = guillemotleft guillemotright  
  113. keycode 214 = masculine ordfeminine  
  114. keycode 215 = ae AE  
  115. keycode 216 = cent yen  
  116. keycode 217 = questiondown exclamdown  
  117. keycode 218 = onequarter onehalf threequarters  
  118. keycode 220 = less greater bar  
  119. keycode 221 = plus asterisk asciitilde  
  120. keycode 227 = multiply division  
  121. keycode 228 = acircumflex Acircumflex  
  122. keycode 229 = ecircumflex Ecircumflex  
  123. keycode 230 = icircumflex Icircumflex  
  124. keycode 231 = ocircumflex Ocircumflex  
  125. keycode 232 = ucircumflex Ucircumflex  
  126. keycode 233 = ntilde Ntilde  
  127. keycode 234 = yacute Yacute  
  128. keycode 235 = oslash Ooblique  
  129. keycode 236 = aring Aring  
  130. keycode 237 = ccedilla Ccedilla  
  131. keycode 238 = thorn THORN  
  132. keycode 239 = eth ETH  
  133. keycode 240 = diaeresis cedilla currency  
  134. keycode 241 = agrave Agrave atilde Atilde  
  135. keycode 242 = egrave Egrave  
  136. keycode 243 = igrave Igrave  
  137. keycode 244 = ograve Ograve otilde Otilde  
  138. keycode 245 = ugrave Ugrave  
  139. keycode 246 = adiaeresis Adiaeresis  
  140. keycode 247 = ediaeresis Ediaeresis  
  141. keycode 248 = idiaeresis Idiaeresis  
  142. keycode 249 = odiaeresis Odiaeresis  
  143. keycode 250 = udiaeresis Udiaeresis  
  144. keycode 251 = ssharp question backslash  
  145. keycode 252 = asciicircum degree  
  146. keycode 253 = 3 sterling  
  147. keycode 254 = Mode_switch  
js键盘回车事件
07-26
js键盘回车事件,下载即可用，简单实用...
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
12-09
本文将深入探讨如何编写兼容多浏览器（如IE6/7/8、Firefox和Chrome）的回车键和鼠标焦点事件处理代码。 首先，让我们分析给出的代码片段。这是一个简单的文本输入框，当用户按下回车键时触发搜索事件。文本框的HTML...
JS捕获回车事件
菜菜De学习
05-09 138
document.onkeydown = function(event_e){ if(window.event) event_e = window.event; var int_keycode = event_e.charCode||event_e.keyCode; if(int_keycod...
js 回车事件兼容多个浏览器
Kuroko's Development Notes
03-24 1877
html中：   &lt;body onkeydown="keyLogin(event);"&gt;   注意：此处是一个传参函数，参数必须是 event   js中：   function keyLogin(event) { var browser = navigator.appName; var userAgent = navigator.userAgen...
js获取回车事件
yfx000的专栏
03-17 1469
如下代码提供了文本框和页面全局获取回车事件的方法 JS获取回车按事件 function keydown(){ var event=arguments.callee.caller.arguments[0]||window.event;//调节浏览器兼容 if (event.keyCode == 13){ alert("您在文本框按下了回车键");
文本框中,回车键触发事件的js代码[多浏览器兼容]
12-01
判断是否按下的为回车非常简单: 代码如下: function EnterPress(){ if(event.keyCode == 13){ … } } IE6的onkeypress会接受”回车事件”,而onkeydown不会接受 IE8的onkeypress不会接受”回车事件”,而onkeydown会...
JavaScript 操作键盘的Enter事件（键盘任何事件），兼容多浏览器.docx
01-13
JavaScript 操作键盘的 Enter 事件，兼容多浏览器 在 Web 开发中，JavaScript 操作键盘的 Enter 事件是一种常见的交互方式，例如，在登录页面中，按下 Enter 键 submitting 表单。在多浏览器环境下，实现这种交互...
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器).docx
01-12
本文将详细解释如何使用JavaScript实现一个兼容多浏览器的文本框回车键事件的捕获。 首先，我们需要理解不同浏览器对键盘事件的处理方式。在Internet Explorer（IE）中，键盘事件是通过`window.event`对象来访问的...
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
10-27
这个兼容性的实现主要是在JavaScript中对不同浏览器事件对象的兼容处理。由于早期的IE浏览器和后来的W3C标准在事件处理上有所不同，因此需要对这两种方式都进行支持。代码中通过判断window.event的有无来区分IE和...
js输入框获取回车事件
m0_60121436的博客
12-09 1900
<input type="text" onkeydown="keydown()"> <button class="send">发送消息</button> <script> function keydown() { var event = arguments.callee.caller.arguments[0] || window.event; //调节浏览器兼容 if (event.keyCo...
web js的回车事件
冉然的博客
07-25 1079
$(document).keydown(function (event) { if (event.keyCode == 13) { //调用的方法 } });
jQuery回车键盘按键响应事件(兼容各浏览器)
cyadyx的博客
01-19 4196
jQuery回车键盘按键响应事件(兼容各浏览器)$(document).on("keydown",function (event) { var e = event || window.event ||arguments.callee.caller.arguments[0]; if(e && e.keyCode==13){
js中给回车键绑定事件响应函数
zw3413的专栏
04-25 983
document.onkeydown = keyDown;//回车 function keyDown(e) { var e =e||event; var key=e.keyCode||e.which||e.charCode; if(key==0xD){ //判断是否按下回车键         pro_submitForm(loginform); } }...
js捕获页面回车事件
热门推荐
曾经最美的博客
07-12 2万+
使用纯JavaScript和Jquery实现页面回车按键的捕获
Javascript表单提交绑定回车时间
weixin_34200628的博客
08-03 144
有时候会有一个需求就是，用户输入完密码之后，按回车即可实现登录。对此需要在密码框内绑定一个回车事件。代码如下 用户名：<input type="text" name="username" value=""> <br /> 密 码：<input type="password" name="pwd" value=""onkeydown="keyLogin()"&...
回车触发事件的方法 ( @keyup.enter.native )
最新发布
书山有路勤为径，学海无涯苦作舟
12-20 571
methods：{ aaa（）{ console.log(“按了回车按键”); } }
js获取本地时间和回车事件
qq28754889的专栏
08-21 351
var myDate = new Date();     $("#local_year").html(myDate.getFullYear());     mymonth = Number(myDate.getMonth()) + 1;     $("#local_month").html(mymonth);     $("#local_day").html(myDate.
JavaScript 键盘事件全览：兼容各大浏览器
"本文主要介绍了JavaScript中的按键事件，包括keydown、keypress和keyup，以及如何处理浏览器兼容性问题，特别是Firefox和Opera与IE的区别。" 在JavaScript中，处理用户输入的一个重要方面是监听键盘事件。这些事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值