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上。
时间: 2024-08-03 11:44:15

web: 屏蔽button元素的空格键和enter响应的相关文章

JS-004-JavaScript 操作常见 web 元素之四-判断元素显示状态

在日常的 web 编程或 UI自动化脚本编写过程中,经常会遇到判断页面元素的显示状态,以对应的执行相应的操作.此文主要以 js 判断页面元素的存在状态为例,简单叙述一下 js 是如何判断元素的显示状态的,敬请小主们参阅.若有不足之处,敬请大神们不吝指正,不胜感激! 多不言述,小二上码咯. 以下为简单的 HTML 源码,如下所示: 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content=&quo

web.xml 中元素加载顺序及其详解

一.概述 1.启动一个WEB项目的时候,WEB容器会去读取它的配置文件web.xml,读取<listener>和<context-param>两个结点. 2.紧接着,容器创建一个ServletContext(servlet上下文),这个web项目的所有部分都将共享这个上下文. 3.容器将<context-param>转换为键值对,并交给servletContext. 4.容器创建<listener>中的类实例,创建监听器 二 . load-on-startu

javascript:&lt;button&gt; 元素

原文章:https://wangdoc.com/javascript/index.html <button> 元素 <button>元素继承了HTMLButtonElement接口.它有以下的实例属性. (1)HTMLButtonElement.accessKey HTMLButtonElement.accessKey属性返回一个字符串,表示键盘上对应的键,通过Alt + 这个键可以让按钮获得焦点.该属性可读写. (2)HTMLButtonElement.autofocus HTM

发送WIN+SAPCE键,WINDOWS,空格键

键盘代码部份转自:http://www.cnblogs.com/cpcpc/archive/2011/02/22/2123055.html 由于喜欢用CTRL+空格键切换输入法,在WIN8上有所不习惯,所以写了个小程序,当按CTRL+空格键时向系统发送WIN+空格键. 首先使用全局快捷键,监视CTRL+空格的输入,然后再发送WIN+空格键. [DllImport("user32.dll", SetLastError = true)] public static extern bool

button元素兼容问题浅析

缺省type属性值 <button>提交</button> button元素的type属性值有submit.button可选,在上面这种没有明确指出type值的情况下,浏览器的缺省值不一样: IE6.IE7.IE8兼容模式缺省是 type="button",其它浏览器缺省是 type="submit" ,要验证这点可以把它放到form表单元素中,点击按钮看是否做了提交操作:演示DEMO click事件劫持 在IE6.IE7.IE8中当butt

史上最全web.xml配置文件元素详解

一.web.xml配置文件常用元素及其意义预览 1 <web-app> 2 3 <!--定义了WEB应用的名字--> 4 <display-name></display-name> 5 6 <!--声明WEB应用的描述信息--> 7 <description></description> 8 9 <!--context-param元素声明应用范围内的初始化参数--> 10 <context-param&g

Asp.net Web.Config - 配置元素 caching

记得之前在写缓存DEMO的时候,好像配置过这个元素,好像这个元素还有点常用. 一.caching元素列表 元素 说明 cache 定义全局应用程序缓存设置. 可选的元素. outputCache 指定应用程序范围的输出缓存设置. 可选的元素. outputCacheSettings 指定可以应用于应用程序中页的输出缓存设置. 可选的元素. sqlCacheDependency 为 ASP.NET 应用程序配置 SQL 缓存依赖项. 可选的元素. 1.cache 属性 特性 说明 disableM

web.xml配置文件元素详解

一.web.xml配置文件常用元素及其意义 1 <web-app> 2 3 <!--定义了WEB应用的名字--> 4 <display-name></display-name> 5 6 <!--声明WEB应用的描述信息--> 7 <description></description> 8 9 <!--context-param元素声明应用范围内的初始化参数--> 10 <context-param>

#查找列表中元素,移除每个元素的空格,并查找以 a或A开头 并且以 c 结尾的所有元素

1 #!/usr/bin/env python 2 #查找列表中元素,移除每个元素的空格,并查找以 a或A开头 并且以 c 结尾的所有元素. 3 #    li = ["alec", " aric", "Alex", "Tony", "rain"] 4 #    tu = ("alec", " aric", "Alex", "Tony&q