兼容Firefox和IE的onpropertychange事件oninput
程序员文章站
2022-06-10 18:35:26
在文本框输入数据的时候,当键盘按下并放开的时候可以使用onkeyup来检测事件,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕...
在文本框输入数据的时候,当键盘按下并放开的时候可以使用onkeyup来检测事件,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入,这就需要实时检测文本框状态的改变。
onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addeventlistener来注册事件。
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
例子:
<html>
<body>
<div>oninput测试</div>
<div id="testdiv"><input id='tx1' name="tx1" value="" /></div>
</body>
</html>
<script language="javascript">
<!--
function getos(){//判断浏览器类型
var osobject = "";
if(navigator.useragent.indexof("msie")>0) {
return "msie";
}
if(isfirefox=navigator.useragent.indexof("firefox")>0){
return "firefox";
}
if(issafari=navigator.useragent.indexof("safari")>0) {
return "safari";
}
if(iscamino=navigator.useragent.indexof("camino")>0){
return "camino";
}
if(ismozilla=navigator.useragent.indexof("gecko/")>0){
return "gecko";
}
}
if(navigator.useragent.indexof("msie")>0){
document.getelementbyid('tx1').attachevent("onpropertychange",txchange);
}else if(navigator.useragent.indexof("firefox")>0){
document.getelementbyid('tx1').addeventlistener("input",txchange2,false);
}
function txchange(){
alert("testie");
}
function txchange2(){
alert("testfirefox");
}
</script>
以上就是兼容firefox的onpropertychange事件方法。
onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addeventlistener来注册事件。
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
例子:
复制代码 代码如下:
<html>
<body>
<div>oninput测试</div>
<div id="testdiv"><input id='tx1' name="tx1" value="" /></div>
</body>
</html>
<script language="javascript">
<!--
function getos(){//判断浏览器类型
var osobject = "";
if(navigator.useragent.indexof("msie")>0) {
return "msie";
}
if(isfirefox=navigator.useragent.indexof("firefox")>0){
return "firefox";
}
if(issafari=navigator.useragent.indexof("safari")>0) {
return "safari";
}
if(iscamino=navigator.useragent.indexof("camino")>0){
return "camino";
}
if(ismozilla=navigator.useragent.indexof("gecko/")>0){
return "gecko";
}
}
if(navigator.useragent.indexof("msie")>0){
document.getelementbyid('tx1').attachevent("onpropertychange",txchange);
}else if(navigator.useragent.indexof("firefox")>0){
document.getelementbyid('tx1').addeventlistener("input",txchange2,false);
}
function txchange(){
alert("testie");
}
function txchange2(){
alert("testfirefox");
}
</script>
以上就是兼容firefox的onpropertychange事件方法。
推荐阅读
-
Javascript的IE和Firefox(火狐)兼容性
-
Javascript的IE和Firefox(火狐)兼容性 css
-
Javascript的IE和Firefox(火狐)兼容性 css
-
Javascript的IE和Firefox(火狐)兼容性
-
Javascript的IE和Firefox兼容性汇编[转!!]
-
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
-
兼容Firefox和IE的onpropertychange事件oninput
-
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别_javascript技巧
-
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结_javascript技巧
-
兼容IE与firefox火狐的回车事件(js与jquery)_javascript技巧