web: 屏蔽button元素的空格键和enter响应

Posted ZhYQ_note

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web: 屏蔽button元素的空格键和enter响应相关的知识,希望对你有一定的参考价值。

用tab键可以在各种元素之间切换焦点,然后键盘上的空格和enter按键触发click事件,我这里不想要这种效果。

所以我需要屏蔽这两个按键。

function keyup(e) {
  var currKey = 0;
  e = e || event;
  currKey=e.keyCode||e.which||e.charCode;//支持IE、FF
  if (currKey == 32) { //空格键
     eventChangeMode(); //用这个按键做一些其他事

//屏蔽传递 e.preventDefault ? e.preventDefault() : (e.returnValue = false); } } document.onkeyup = keyup; //把按键注册到document上。

 

以上是关于web: 屏蔽button元素的空格键和enter响应的主要内容,如果未能解决你的问题,请参考以下文章

asp.net 页面屏蔽回车触发button按钮事件

MFC-对话框屏蔽ENTER和ESC防止自动退出程序

通过form实现enter事件

jquery屏蔽掉键盘enter提交 onkeydown

如何通过Web App(ReactJS)检测Android设备虚拟键盘中的空格键

在 HTML 表单提交上制作 Enter 键而不是激活按钮