【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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Inno Setup:x64 vs x86

    Inno Setup:x64 vs x86BydefaultInnoSetupalwaysinstallsyourapplicationin32-bitmode.Butifyourapplicationiscompiledto64-bitbinaries(atleast,partly)youwill,probably,wanttouse64-bitmode.Firstthin

    2022年6月7日
    35
  • AVA测试框架内部的Promise异步流程控制模型

    AVA测试框架内部的Promise异步流程控制模型作者:肖磊个人主页:github最近将内部测试框架的底层库从mocha迁移到了AVA,迁移的原因之一是因为AVA提供了更好的流程控制。我们从一个例子开始入手:有A,B,C,D4个case,我要实现A–>>B–>>(C|D),A最先执行,B等待A执行完再执行,最后是(C|D)并发执行,使用ava提供的API来完成case就是:constava…

    2025年6月18日
    4
  • OKhttpClient 简单使用总结「建议收藏」

    http优化,由httpClient改为OKHttpClient,研究了一下,网上资料不多大部分是安卓的,就着httpClient的入参简单写了一个公共方法,因为上一层使用了hystrix,就没有使用异步调用。后期看业务需要增加OKHttp的拦截和其他特性。注意请求timeout报java.io.InterruptedIOException:threadinterrupted异常,希望最新…

    2022年4月16日
    53
  • Android浏览器插件开发[通俗易懂]

    Android浏览器插件开发[通俗易懂]最近做android浏览器插件学到一些东西和大家分享:需要了解的有以下几个方面的知识:1.插件是什么2.android浏览器怎样加载插件和创建实例3浏览器插件和脚本语言的交互4插件内部的数据流一浏览器插件介绍:  1.1概述浏览插件本质是一个功能模块,是浏览器功能的一种扩充。其载体是dll或则so文件。它依附浏览器完成某一特定的功能。插件需要实现浏览器规定的一些函数这些函数叫着NPAPI.正是插件实现了这些函数才可以和浏览器交互。同时浏览器也为插件提供一些函数。在android平台下还有一些专有的函数

    2022年5月14日
    54
  • pycharm中pip install如何使用_pycharm使用pip安装第三方库

    pycharm中pip install如何使用_pycharm使用pip安装第三方库pyCharm如何使用通过CMDpipinstall方式安装的依赖包前言将pyCharm的解释器设置成Python解释器的方法前言在window下通过cmd(win+r打开运行,然后输入cmd,按下回车即可打开)方式来安装Python依赖包是一种方便快捷的方式。但是往往很多时候由于pyCharm与Python安装在不同的路径,即使你已经用cmdpipinstall的方式在你的电…

    2022年8月26日
    16
  • Computer Science 学习第四章–CPU 指令集和指令处理

    Computer Science 学习第四章–CPU 指令集和指令处理

    2022年1月9日
    51

发表回复

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

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