js与jquery实时监听输入框值的oninput与onpropertychange方法
来源:互联网 发布:淘宝粮仓被挤爆了 编辑:程序博客网 时间:2024/04/29 14:50
初接项目,首先想到的是 JQ 里的 change,但是马上排除此方法,因为 change 是在文本框失去焦点时才会触发。曲线救国一下,想到用 keydown 来解决。其他一切还好,只是当不通过键盘操作,而是通过鼠标来复制粘贴时,这个事件是无法触发的。所以这个方法也排除掉了。
然后,查询了一些相关资料,发现只有原生 js 的 oninput & onpropertychange 符合此要求,接着便去 JQ 的 API 里去找符合的方法,很失望,并未找到,但是 bind 确实会绑定类似的事件,那便是 input & propertychange,通过测试,确实是没问题的。
现在将例子奉上:
JQ:
1
2
3
$(
'input'
).bind(
'input propertychange'
,
function
() {
//进行相关操作
});
其中:propertychange 是为了兼容 IE9 以下版本的。
JS中的 oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发,有以下几种情况:
修改了 input:checkbox 或者 input:radio 元素的选择中状态, checked 属性发生变化。
修改了 input:text 或者 textarea 元素的值,value 属性发生变化。
修改了 select 元素的选中项,selectedIndex 属性发生变化。
JS:
1
2
3
4
5
6
7
8
if
(isIE)
{
document.getElementById(
"input"
).onpropertychange = keys();
}
else
//需要用addEventListener来注册事件
{
document.getElementById(
"input"
).addEventListener(
"input"
, keys,
false
);
}
0 0
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- js/jquery 实时监听输入框值:oninput & onpropertychange
- 仿百度搜索实时监听输入框值的oninput与onpropertychange方法
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- s/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js监听输入框值的即时变化onpropertychange、oninput
- js监听输入框值的即时变化onpropertychange、oninput
- js监听输入框值的即时变化onpropertychange、oninput
- js监听输入框值的即时变化onpropertychange、oninput
- js监听输入框值的即时变化onpropertychange、oninput
- js监听输入框值的即时变化onpropertychange、oninput
- onpropertychange、oninput监听input输入框值实时变化
- 实时监听输入框值变化:oninput & onpropertychange
- 实时监听输入框值变化:oninput & onpropertychange
- php使用openssl来实现非对称加密
- 开源App之MyHearts(二)
- left join on and与left join on where的区别
- JAVA FX 应用程序基础
- android集成短信验证功能(Eclipse下)
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- android开发:跳转至联系人界面选择后返回电话号码
- 安装Oracle11gR2先决条件检查失败的详细解决处理过程
- android 设置EditText可输入和不可输入状态
- Oracle笔记(一)
- JavaScript中字面量与函数的基本使用知识
- Apache web服务器修改登录端口和访问端口的方法
- 【DFS】CODE[VS] 1018&&NOIP2000提高组T3 单词接龙 (日常刷题???)
- 关于C#静态构造函数那点事