兼容Firefox和IE的onpropertychange事件oninput_表单特效

在文本框输入数据的时候,当键盘按下并放开的时候可以使用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事件方法。

时间: 2024-10-29 04:58:56

兼容Firefox和IE的onpropertychange事件oninput_表单特效的相关文章

javascript下兼容firefox选取textarea文本的代码_表单特效

兼容firefox下选取textarea文本的方法 千万别相信我说的事情,我从来就没有这么勇敢过,这么壮烈过.我不断发誓要老老实实讲故事,可是说实话的愿望有多强烈,受到的各种干扰就有多大.我悲哀地发现根本就无法还原真相.记忆总是被我的情感改头换面,并随之捉弄我,背叛我.把我搞得头昏脑胀,真假难辩. 获取选中的文字段

兼容Firefox和IE的onpropertychange事件oninput

原文 兼容Firefox和IE的onpropertychange事件oninput onpropertychange能够捕获每次输入值的变化.例如:对象的value值被改变时,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获. 在文本框输入数据的时候,当键盘按下并放开的时候可以使用onkeyup来检测事件,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获.可是有的时候我们输入数据是采用粘贴的方式而不是键盘

模拟用户操作Input元素,不会触发相应事件_表单特效

Javascript中input元素的一个普遍规则是,只有用户的操作,才会出发input类的各种元素的对应事件,而是使用javascript的对应方法模拟用户操作,并不会触发相应的事件. 例如对于下面的表单: <form name="form0"> <input type="button" value="按钮0" name="b0" onClick="alert('单击按钮0');">

Select的OnChange()事件_表单特效

请选择 Item 1 Item 2 Item 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

如何阻止复制剪切和粘贴事件为了表单内容的安全_javascript技巧

在一些应用中,有时我们提交表单内容如(密码)重要信息时,为了安全,需要阻止一些复制剪切和粘贴事件,今天做了一个简单的例子有关阻止复制剪切和粘贴事件: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>pwd不能复制粘贴</title> <script type="text/javascript"

React 事件与表单

React 事件 基本的事件运用 事件命名为驼峰式,事件处理方法命名驼峰式 handleClick, handleChange 事件类型 鼠标类事件:onClick, onMouseOver ... 拖拽类事件:onDrop, onDrag ... 触摸类事件:onTouchMove, onTouchStart ... 键盘事件:onKeyDown, onKeyUp ... 剪切类事件:onCopy, onPaste ... 表单类事件:onSubmit, onChange ... . . .

js onpropertychange输入框 事件获取属性_表单特效

当一个HTML元素的属性改变的时候,都能通过onpropertychange来捕获.例如< input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获. 具体理解为:onpropertychange能及时捕获属性值的变化,而onchange在属性值改变时只有通过鼠标执行某些操作才能激活该事件! 但onpropertychange只有I

[IE&amp;amp;FireFox兼容]JS对select操作_表单特效

今天在Ajax中使用两个下拉框动态添加select中的options,当我在IE测试下正常使用却在FireFox中不能正常使用,我对脚本也不是很熟悉,所以上网查了一下发现他们在动态添加option时有点不同.    下面把他记下来,说不定以后还可以用用:     动态删除select中的所有options:     function deleteAllOptions(sel){       sel.options.length=0;     }     动态删除select中的某一项option

用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)_表单特效

选择角色 系统管理员 总经理 代理商 客服人员