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


相关推荐

  • pycharm多行代码同时缩进快捷键:Tab键,一次缩进四个字符

    pycharm多行代码同时缩进快捷键:Tab键,一次缩进四个字符pycharm使多行代码同时缩进鼠标选中多行代码后,按下Tab键,一次缩进四个字符

    2025年6月20日
    3
  • mybatis-plus 在线激活码_在线激活

    (mybatis-plus 在线激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月26日
    244
  • arduino连接lcd1602使用方法_arduino液晶显示屏

    arduino连接lcd1602使用方法_arduino液晶显示屏一硬件1602液晶显示,显示容量为16×2个字符,如下图一共有16个引脚,对应功能如下表:1602液晶显示各引脚功能 引脚符号 功能描述 VSS 电源地 VDD 电源正极,本实验接5V VO 液晶显示偏压,本实验接旋转电位器中间端口,调整对比度 RS 指令/数据选择引脚,低电平时,选择指令寄存器,进行指令操作;高电平时,选择数据寄存器,进行数据操作(本实验接数字引脚) RW 读/写选择引脚…

    2025年12月7日
    5
  • 王者荣耀-是用什么编程语言开发的

    王者荣耀-是用什么编程语言开发的作为一名王者小白,不明白为啥这款游戏这么火,所以就挖挖底层看看用什么语言开发的。首先下载王者荣耀,400多兆,我特么还开的热点,没办法公司没外网;安卓版后缀名默认是.apk,手动给apk文件加上.zip后缀名,然后解压。进入解压后的目录2017_com.tencent.tmgp.sgame_h100_1.18.1.7.apk\asset

    2022年5月23日
    94
  • [机器学习与scikit-learn-51]:模型评估-图解分类模型的评估指标(准确率、精确率、召回率)与代码示例

    [机器学习与scikit-learn-51]:模型评估-图解分类模型的评估指标(准确率、精确率、召回率)与代码示例作者主页(文火冰糖的硅基工坊):文火冰糖(王文兵)的博客_文火冰糖的硅基工坊_CSDN博客本文网址:目录前言:第1章混淆矩阵1.1二分类的混淆矩阵1.2三分类的混淆矩阵1.3N分类的混淆矩阵1.4混淆矩阵的作用第2章准确率、精确率、召回率2.1准确率/“正确率”:预测结果正确的百分比(只关心预测结果正确的样本,包括负样本)2.2精确率:预测结果为正例样本中真实为正例的比例(只关心预测结果为正的样本)2.3召回率:所有真实样本中,判为真实样本的.

    2022年10月5日
    2
  • android编写单元测试用例,Android 简单的单元测试用例

    android编写单元测试用例,Android 简单的单元测试用例开发中单元测试是必不可少的。简单的一个测试用例。1.在Mainfest进行相关属性的注册。package=”com.test”android:versionCode=”1″android:versionName=”1.0″>android:targetPackage=”com.test”android:name=”android.test.InstrumentationTestRunner…

    2022年6月16日
    31

发表回复

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

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