input标签内容改变的触发事件
来源:互联网 发布:猎鹿帽为什么前后 知乎 编辑:程序博客网 时间:2024/05/15 12:40
1. onchange事件与onpropertychange事件的区别:
onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。
2. oninput事件与onpropertychange事件的区别:
oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触发,而oninput却只在value改变时触发,oninput要通过addEventListener()来注册,onpropertychange注册方法与一般事件相同。
3. oninput与onpropertychange失效的情况:
oninput事件:
(1)当脚本中改变value时,不会触发;
(2)从浏览器的自动下拉提示中选取时,不会触发;
onpropertychange事件:
当input设置为disable=true后,不会触发。
判断IE浏览器
如何将IE区分出来呢?
if("\v"=="v") {
alert("IE");
}else{
alert("NO");
}
代码实现
element.onpropertychange = webChange;
}else{
element.addEventListener("input",webChange,false);
//注意此处是Dom对象,jquery对象会导致错误
//Dom对象,jquery对象的介绍
}
function webChange(){
if(element.value){
document.getElementById("test").innerHTML = element.value
};
}
参考网址:
1、http://www.cnblogs.com/sydeveloper/p/3794079.html
2、http://blog.csdn.net/zhbitxhd/article/details/12943091
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变或失去焦点的触发事件
- js中input标签内容改变的触发事件
- 有关input输入框内容改变后的触发事件
- Input值改变触发的事件
- JSP中input内容改变触发onchange事件使用
- 捕获input 文本框内容改变的事件
- 解决<span>标签内容改变,不能触发方法的问题
- input文本框没有onchange事件,可以通过下面两种方法实现当input内容改变时触发事件
- input文本框没有onchange事件,可以通过下面两种方法实现当input内容改变时触发事件
- 【JS事件】input文本内容改变可使用的事件
- TextBox内容发生改变时触发的事件
- 修改select标签为可输入内容的input标签,同时在首次点击第一个下拉框时也会触发onchange事件
- 关于git(SourceTree)的几个疑问及解答(待自己学会来解答)
- Jtester框架初体验
- js插入表行 js设置tr属性
- 用ImageMagick转换缩小JPG图像提高图像质量的方法
- VS2010旗舰版+LUA环境配置
- input标签内容改变的触发事件
- wordpress 国际化
- Nslookup命令
- Java随笔(2)I/O流中InputStream/OutputStream
- quick-cocos2d 中自定义事件监听方法
- 嵌入式系统移植步骤详解
- JavaScript原型和原型链
- go testing:单元测试
- AI时代就业指南:数学专业,你看不见的前尘似锦