【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

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

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 数组访问越界_数组越界会导致什么问题

    数组访问越界_数组越界会导致什么问题什么是数组访问越界?所谓的数组越界,简单地讲就是指数组下标变量的取值超过了初始定义时的大小,导致对数组元素的访问出现在数组的范围之外,这类错误也是C语言程序中最常见的错误之一。在C语言中,数组必须是静态的。换而言之,数组的大小必须在程序运行前就确定下来。由于C语言并不具有类似Java等语言中现有的静态分析工具的功能,可以对程序中数组下标取值范围进行严格检查,一旦发现数组上溢或下溢,都会因抛出异常而终止程序。也就是说,C语言并不检验数组边界,数组的两端都有可能越界,从而使其他变量的数据甚

    2022年10月2日
  • Microsoft visio 2013 professional激活成功教程软件

    Microsoft visio 2013 professional激活成功教程软件特别说明:软件仅供技术交流,请勿用于商业及非法用途,如产生法律纠纷与本人无关Microsoftvisio2013professional激活成功教程软件下载地址:链接:https://pan.baidu.com/s/1ycZHBzzF2KtGOwAs1LbHMQ密码:npkl激活成功教程步骤:文件—>账号—>更改产品密钥—>输入如下序列号即可。序列号:…

    2022年6月24日
  • python监控网页变化教程_Python实时监控网站浏览记录实现过程详解

    python监控网页变化教程_Python实时监控网站浏览记录实现过程详解需求:(1)获取你对象chrome前一天的浏览记录中的所有网址(url)和访问时间,并存在一个txt文件中(2)将这个txt文件发送给指定的邮箱地址(你的邮箱)(3)建立例行任务,每天定时自动完成这些操作,你就可以通过邮件查看你对象每天看啥了准备macOSSierraPython3.6Chrome发送邮件的qq邮箱地址qq邮箱授权码SMTP服务器地址:smtp.qq.com接受邮件的邮箱地…

    2022年7月16日
  • error C4996: ‘stricmp’: The POSIX name for this item is deprecated

    error C4996: ‘stricmp’: The POSIX name for this item is deprecated

    2021年9月3日
  • 令人心动的WEB HOSTING 虚拟主机服务[通俗易懂]

    令人心动的WEB HOSTING 虚拟主机服务[通俗易懂]你正在为网站寻找虚拟主机(WEBHOSTING)吗?哪里能找到功能卓越,价格低廉的ISP服务商呢?跟着我,你便会找到惊喜.一个偶然的机会使我有机会访问到国外的网站服务公司HostExcellence. ,它的服务套餐有以下几种LinuxHostingPlans:StarterPlan-1Domain&50mb/$2.95InstantPlan-1Domain&

    2022年10月8日
  • 电商后台管理系统——权限管理模块

    电商后台管理系统——权限管理模块电商后台管理系统——权限管理模块电商后台管理系统的权限管理模块分为角色列表和权限列表两部分,两部分流程图大概如下权限列表实现过程:

    2022年5月16日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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