【js】Input事件
来源:互联网 发布:淘宝店铺参加聚划算 编辑:程序博客网 时间:2024/06/01 16:00
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
- JS input 文本框事件
- 【js】Input事件
- js触发input onchange事件
- js实现input:file的click事件
- input输入框的js改变事件
- js input绑定enter回车键事件
- 【JS事件】input文本内容改变可使用的事件
- input 事件
- js控制input输入后捕获回车事件
- 给js创建的一个input数组绑定click事件
- 随着input里边值的变化而触发js事件
- [原创]js中的bind("input")事件兼容ie8,9
- js 给input输入框添加方向键事件移动光标
- 【js】alert事件点击确认后指定input恢复焦点
- js中input标签内容改变的触发事件
- 回车键触发事件的js代码、input输入框值改变事件、js数组
- 1、input hidden change事件失效2、html通过js追加的元素jquery事件失效
- input事件监听输入法事件
- 前台php判断语句
- 疯狂Java笔记之Java的内存与回收
- Noip2015 Day1 T2 子串(Dp)
- 2.1剑指offer的代码题-题1
- 一个“简单的”难题
- 【js】Input事件
- Spark官方文档-快速入门
- 重新认识React以及重新搭建React脚手架(0)
- Core 2.0 的dll实时更新、https、依赖包变更问题及解决
- PAT 乙级 1009
- 学会思考,而不只是编程
- Lintcode 二叉树的锯齿形层次遍历
- 寻找旋转排序数组中的最小值
- 使用mysqlreplicate命令快速搭建 Mysql 主从复制