首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

不应使用keyup事件的'charCode'属性.价值毫无意义

不应使用keyup事件的'charCode'属性,是因为'charCode'属性已经被废弃了,并且不再被推荐使用。在现代浏览器中,应该使用KeyboardEvent的key属性或者code属性来获取按键的信息。

例如,如果你想要获取按下的键是否是字母键,可以使用以下代码:

代码语言:javascript
复制
document.addEventListener('keyup', function(event) {
  if (/^[a-zA-Z]$/.test(event.key)) {
    console.log('按下的是字母键:' + event.key);
  }
});

在这个例子中,我们使用了正则表达式来检查按下的键是否是字母键,并且使用了KeyboardEvent的key属性来获取按下的键。这样可以确保代码在现代浏览器中可以正常工作,而不会因为使用了废弃的属性而出现问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript 事件对象

1.键码 在发生keydown和keyup事件时,event对象keyCode属性中会包含一个代码,与键盘上一个特定键对应。...2.字符编码 Firefox、Chrome和Safarievent对象都支持一个charCode属性,这个属性只有在发生keypress事件时才包含值,而且这个值是按下那个键所代表字符ASCII编码...keyCode和charCode区别如下:比如当按下“a键(重视是小写字母)时, 在Firefox中会获得 keydown: keyCode is 65  charCode is 0 keyup:   ...而当按下shift键时,在Firefox中会获得 keydown:keyCode is 16  charCode is 0 keyup: keyCode is 16   charCode is 0 在...而现在浏览器要使用DOM2级模型事件绑定机制才能手动定义事件流模式。

1.9K100

事件对象使用属性和方法

1 event.target代表当前触发事件元素,可以通过当前元素对象一系列属性来判断是不是我们想要元素 2 target属性可以是注册事件元素或者子元素,通常用于比较event.target...,可以采用要一个技巧来处理,也是常说"事件委托 5 event.type获取事件类型 6 event.pageX 和 event.pageY获取鼠标当前相对于页面的坐标,通过这2个属性,可以确定元素在当前页面的坐标值...将 event.keyCode 和 event.charCode 标准化了,event.which也将正常化按钮按下(mousedown 和 mouseupevents),左键报告1,中间键报告2,右键报告...this是可以变化,但event.target不会变化,它永远是直接接受事件目标DOM元素 13 .this和event.target都是dom对象,使用jquey中方法可以将他们转换为...jquery对象,比如this和$(this)使用、event.target和$(event.target)使用 转帖:http://blog.51cto.com/lakaodekaola/2085868

1.5K30

clientX和clientY 事件属性使用

需求: 做项目中遇到一个这样需求,点击属性菜单节点,出现显示框,显示框位置随着鼠标点击位置距离而改变。...教程: clientX 事件属性 http://www.runoob.com/jsref/event-clientx.html clientY 事件属性 http://www.runoob.com/...jsref/event-clienty.html 基本定义 clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(或客户区)水平坐标。...clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(客户区)垂直坐标。 客户区指的是当前窗口。 ?...图片.png 遇到坑 这个功能在一些浏览器里面的兼容性和适配性介绍 jQuery右键点击弹出菜单,菜单随鼠标点击位置变化而变化 <!

1.6K10

vue中输入框事件使用——@input、@keyup.enter、@change、@blur「建议收藏」

一、@input(或者是v-on:input) 使用: <input type="text" placeholder="通过乘车人/订单号查询" v-model="inputVal" v-on:input...如图: 二、@keyup.enter 该事件与v-on:input事件区别在于:input事件是实时监控,每次输入都会调用,而@keyup.enter事件则是在pc上需要点击回车键触发,而在手机上则是需要点击输入键盘上的确定键才可触发...三、@change 该事件和enter事件相似,在手机上都是要经过触发虚拟键盘搜索键才会触发事件使用方式同input事件。...简单解决办法: 对input值进行监听(watch),把原本需要绑在input框事件在监听变化时调用。...注:如果使用mintui中mt-field标签时,对应blur(失焦)事件要执行时,要用@blur.native.capture=””来代替@blur。

6.6K30

JS快速入门(二)

),不同键盘事件触发时机不 同,返回结果有区别 常用键盘事件属性 使用键盘事件属性可以精确控制键盘操作,如:回车触发,方向键触发 方法 说明 keyCode keyCode 属性返回 keypress...事件触发字符代码,或者keydown 或 keyup 事件键盘代码 字符代码:表示 ASCII 字符数字 键盘代码:表示键盘上真实键数字 方法 说明 charCode 返回 keypress...事件触发时按下字符键字符 Unicode 值,用于用于 keydown 或 keyup 时总是返回 0 key 返回按键标识符(字母区分大小写)。...,三种事件中,只有 key 属性返回结果保持统一,如果不考虑 IE8 以下浏览器兼容性,推荐使用 key 来代替 keyCode 和 charCode 窗口事件 窗口事件在浏览器窗口发生变化时触发,...,等待元素加载完成后再 获取其内容; 使用 onload 绑定事件时,注意一个页面不要存在多个 onload,这样会只会运行最后一个 onload 中代码,推荐使用addEventListener 绑定事件

6.5K30

【js】Input事件

Input Event常用事件触发先后顺序如下: 1 keydown 2 keypress 3 textInput 4 input 5 keyup keydown,keyup 1 全部浏览器支持 2...4 event.charCode = 0 这两个事件触发时,总返回0 keypress 1 全部浏览器支持 2 当用户按下字符键时触发 3 event.charCode,返回键盘上按键对应ASCII码...模式时支持触发此事件 4 event.data,返回用户输入文本 (如果按键是s,那么返回s; 如果按键是s+Shift,那么返回S) 5 IE9中事件名为textinput(全小写,其它浏览器中I需要大写...,在内容变化时,实时触发 (与onchange事件类似,但是onchange事件只有在元素失去焦点时候才触发) 4 IE9中此事件有bug,在多种删除方式(使用退格键(Backspace),删除键(Delete...),Ctrl+X,右键菜单中剪切和删除)不会被实时触发 5 IE9种需要使用addEventListener绑定事件,而attachEvent绑定事件方式不可用 6 Safari5之前版本在textarea

10.2K30

Angular 中事件

下面的案例展示我们是怎么使用非伪事件实现: // app.component.ts import { Component } from '@angular/core'; @Component({...当然,还有很多 KeyboardEvent 属性可以用来检查和捕获按键,比如 KeyboardEvent.key, KeyboardEvent.charCode, KeyboardEvent.keyCode...实际上,它们是 KeyboardEvent 小写属性。如果你想查键盘事件属性值完整列表,请移步参考。现在,让我们来查看一下可用于 Angular 伪事件键值。...当你点击 dot 键时候,KeyboardEvent.key 属性值是 "."。但是,我们可以想象下,如果在伪事件使用点作为分隔符,它在语法上是不正确。...尽管符号键存在一些小缺点,但是 Angular 伪事件是一个非常棒功能,能够满足大多数监听键盘事件需求。我相信在任何 Angular 应用中使用它可以使实现键盘辅助功能和交互过程更加简单。

23840

文本框属性监测

之前很简单认为对inputvalue监测就用2个事件可以搞定兼容性,知道我看了司徒正美的这篇博客,还是感慨自己不够深入,接触太少。   ...对于IE全系列,可以采用onpropertychange属性监测   对于 gte IE9 和W3c浏览器,则通过input事件进行监测。   但是IE9兼容性可能会出现问题。   ...window.WebSocket){ input.addEventListener('keyup',function(e){ var code = e.keycode || e.charcode...} },false) ; input.oncut=function(){fn()}; }    另外,如果对不仅仅对文本内容进行监听,而且要相应修改,那么对于实现input事件浏览器而言...,没什么 问题,而对于IEpropertychange事件,则应该有所注意--为了避免循环处罚该事件,需要在修改属性之前将onpropertychange 处理程序取消,属性修改完毕之后重新赋值:

1.8K60

JQ事件事件对象

有两个参数(方法),鼠标一定到指定对象以及移出时会触发 二 键盘事件    1 keydown 键盘按下时触发事件    2 keyup     键盘松开一瞬间触发事件    3 keypress...,这个属性能确定你到底按是哪个键或按钮。            ...event.which将event.keyCode 和 event.charCode标准化了。推荐用event.which来监视键盘输入。          ...在mousedown、mouseup事件中,event.which属性返回是对应鼠标按钮映射代码值(相当于event.button)。...以下是主要鼠标按钮映射代码对应表 Event.which属性值 对应鼠标按钮 1 鼠标左健 2 鼠标中健(滚轮键) 3 鼠标右健       6 event.preventDefault()  阻止事件默认行为

4.1K20

DOM事件模拟

要确定浏览器是否支持DOM规定HTML事件,可以使用如下代码: var isSupported = document.implementation.hasFeature("HTMLEvents", "...方法初始化事件,最后使用dispatchEvent来触发事件,实际开发中需要兼容各浏览器,所以在一般先创建一个通用事件对象:document.createEvent(“Events”),然后调用initEvent...keyCode 按下或释放键码,对应keydown、keyup是有用,默认值为0 charCode 通过按键生成字符ASCII编码,这个参数对keypress有用,默认为0 ex: var...如果以后浏览器都能较好支持这一类事件,那么在处理iframe高度自适应方面就很容易解决,可以参考之前写过文章“不使用定时器实现iframe自适应高度” 检测当前浏览器是否支持这一类事情,可以使用如下方法判定...是否按下了Meta键(Boolean),默认为false button 按下是鼠标的左/右/中键 relatedTarget 与事件相关对象,只在模拟mouseover、mouseout时使用(对应

98310

简书搜索自动匹配功能

开始之前,先给大家普及一下例子中用到重点知识。 知识点一 keydown(function(e){} 这个keydown函数是当按下按键时触发事件,比如改变文本域颜色。... 变量e表示发生击键事件,寻找是哪个键被按下,要使用which这个属性。 知识点二 var keycode = e.which ?...e.which : e.keyCode; 这句代码是为了兼容浏览器按键事件对象按键码属性, 如IE中,只有keyCode属性,而FireFox中有which和charCode属性,Opera中有keyCode...整体思路及完整代码: 首先在输入框上注册keyup事件,然后在事件中获取我实现定义data对象数组(一般实时数据通过ajax获取json对象)。...取得数据后,在下方区域就可以显示数据了,当我们点击每一项时候,就可以响应事件。同时根据索引值来调整背景高亮。

1.7K10

20180818_ARTS_week08

本周 ARTS,做了算法题 String to Integer (atoi),看了一篇介绍 BEM 命名方式文章,Tip 记录了 css 属性 pointer-events 用法,分享了使用 python...不过随着 Vue 等框架支持 css scoped 之后,冲突问题有很大缓解。 BEM 使用还是要根据实际情况,如果规定太严格,样式上重用性会降低不少。...Tip 这里介绍一个 CSS 属性,pointer-events。 这是我用过一个巨牛逼属性,如果你设置 pointer-events:none;可以把一个元素所有事件都屏蔽。...比如一些全屏下雪场景,又要浮在主内容上,又不能挡着主内容操作交互,就可以使用这个属性。...这个属性,移动端支持比较好,PC 端 IE 11 开始有支持。 Share 分享这周记录,关于使用 Python 做图像清晰度识别的文章。

39110

C1 能力认证——Web进阶

返回指定元素第一个子元素节点 lastElementChild 返回指定元素最后一个子元素节点 名称 描述 getAttribute() 返回元素一个指定属性值 直接使用属性名称获取 适用于部分属性...如果属性已经存在,则更新该值;否则,使用指定名称和值添加一个新属性 通过属性名更改属性 对元素属性重新赋值可更改对应属性值 DOM添加 名称 描述 createElement(tagName) 创建一个由标签名称...释放任意按键 常用键盘事件属性 使用键盘事件属性可以精确控制键盘操作,如:回车触发,方向键触发 名称 描述 keyCode keyCode属性返回keypress事件触发字符代码,或者...keydown或keyup事件键盘代码。...字符代码 - 表示ASCII字符数字 键盘代码 - 表示键盘上真实键数字 charCode 返回keypress事件触发时按下字符键字符Unicode值,用于keydown或keyup时总是返回

3.2K30

C1能力认证训练题解析 _ 第四部分 _ Web进阶「建议收藏」

,这里需要使用获取选定元素所有子元素属性。...,即判断input元素type属性值,获取元素属性值可通过属性名或使用getAttribute方法获取。...如果属性已经存在,则更新该值;否则,使用指定名称和值添加一个新属性 通过属性名更改属性 对元素属性重新赋值可更改对应属性值 2....常用键盘属性事件 名称 描述 keyCode keyCode属性返回keypress事件触发字符代码,或者keydown或keyup事件键盘代码。...字符代码 – 表示ASCII字符数字 键盘代码 – 表示键盘上真实键数字 charCode 返回keypress事件触发时按下字符键字符Unicode值,用于keydown或keyup时总是返回

2K20
领券