【js】Input事件

【js】Input事件InputEvent常用事件触发的先后顺序如下:1keydown2keypress3textInput4input5keyupkeydown,keyup1全部浏览器支持2当用户按下/释放键盘上的任意键时触发3event.keyCode,返回键盘上按键对应的特定键码(兼容性:分号在Firefox,Opera上返回的是ASC

大家好,又见面了,我是你们的朋友全栈君。

Input Event常用事件触发的先后顺序如下:

1 keydown

2 keypress

3 textInput

4 input

5 keyup

keydown,keyup

1 全部浏览器支持

2 当用户按下/释放键盘上的任意键时触发

3 event.keyCode,返回键盘上按键对应的特定键码

(兼容性:分号在Firefox,Opera上返回的是ASCII码,在IE,Safari上返回键码)

4 event.charCode = 0 这两个事件触发时,总返回0

keypress

1 全部浏览器支持

2 当用户按下字符键时触发

3 event.charCode,返回键盘上按键对应的ASCII码

(IE9+,Firefox,Chrome,Safari)

4 event.keyCode,返回键盘上按键对应的ASCII码

(IE8-,Opera)

textInput

1 IE9+,Chrome,Safari支持,别的浏览器不支持

2 在文本插入文本框之前触发,便于检查拦截用户输入使用

3 在input:text,input:password,input:search,textarea以及元素是contentEditable模式时支持触发此事件

4 event.data,返回用户输入的文本

(如果按键是s,那么返回s;

如果按键是s+Shift,那么返回S)

5 IE9中事件名为textinput(全小写,其它浏览器中I需要大写)

input

1 IE9+,Firefox,Chrome,Safari,Opera支持

2 在内容变化时,实时触发

3 在input:text,input:password,input:search,textarea支持触发此事件,在内容变化时,实时触发

(与onchange事件类似,但是onchange事件只有在元素失去焦点的时候才触发)

4 IE9中此事件有bug,在多种删除方式(使用退格键(Backspace),删除键(Delete),Ctrl+X,右键菜单中的剪切和删除)不会被实时触发

5 IE9种需要使用addEventListener绑定事件,而attachEvent绑定事件的方式不可用

6 Safari5之前的版本在textarea上不支持此事件

参考资料

http://www.cnblogs.com/starof/p/6558581.html

http://help.dottoro.com/ljhxklln.php

http://help.dottoro.com/ljhiwalm.php

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/135135.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • labview噪声发生器_labview示波器显示两个波形

    labview噪声发生器_labview示波器显示两个波形当今的电子元器件与过去相比,开关切换速度更快,斜率(slewrate)更大、每个封装包含的有源针脚数量更多,信号摆动更小。因此,设计者更加关注从手机到服务器等新数字设计中的电源噪声。通常我们使用示波器测量电源噪声。本应用指南举例说明了使用示波器分析电源噪声的各种技术,并讨论了如何选择和评测电源噪声测量工具。现在面临的精准测量的问题随着开关切换速度和信号斜率的升高以及器件上有源针脚数目的…

    2022年10月10日
  • CSS实现文字两端对齐

    CSS实现文字两端对齐最近的项目遇到了这样的需求:(要求标题部分不管文字多少,都必须两端对齐)如下图:当时也没有多想直接使用‘ ’进行代替,毕竟产品同学想快一点看到效果,不敢怠慢!不过到第二个页面就傻

  • 公众号 unionid_微信公众号免费模板

    公众号 unionid_微信公众号免费模板获取用户基本信息(UnionID机制)获取用户基本信息(UnionID机制)获取用户基本信息(UnionID机制)在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号

  • golang 激活码2021-激活码分享「建议收藏」

    (golang 激活码2021)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~4D…

  • POSIX 螺纹具体解释(1-概要)

    POSIX 螺纹具体解释(1-概要)

  • android bindservice方法,android BindService[通俗易懂]

    android bindservice方法,android BindService[通俗易懂]1、绑定服务1.1绑定方式通过服务链接(ServiceConnection)或直接获取Service中状态和数据信息服务链接能够获取Service的对象,因此绑定Service的组件可以调用Service中的实现的函数使用Service的组件通过Context.bindService()建立服务链接,通过Context.unbindService()停止服务链接如果在绑定过程中Service没有启…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号