JS事件：onpropertychange

停止冒泡事务

if （e） //停止事务冒泡 e.stopPropagation（）; 

 else  window.event.cancelBubble = true;

 

  履行上方的代码，单击输入框发明也会触发onpropertychange，输入一个值同样也会触发这个事务，这就证了然，只要有属性的值被批改就会触发该事务。

     第二、既然我们发了然这个特点，那就会有一个题目了：当我们有时在输入框值产生改变时欲望履行一个函数操纵，但同时也要批改一个自定义的属性，如许onpropertychange就会被触发两次，这个可能并不是我们所欲望的。
    猜想一下，既然供给了这么一个属性，那必然应当能获取到是哪个属性被改变了。试着获取参数个数及参数内容。

XML/HTML代码
<input type="text" value="xxx" id="xx" onclick="this.myprop=""xx""">   
<script type="text/javascript">   
<!--    
   document.getElementById（""xx""）.attachEvent（""onpropertychange""，function（）{    
        alert（arguments.length）;    
       for（var i=0;i<arguments.length;i++）{    
           alert（arguments[i]）;    
      }    
    }）;    
-->   
</script>   
      履行上方一段代码，会发明弹出了1和[object]，这申明该事务只给回调函数传入一个参数并且是object类型。
      那我们就尝尝遍历一下这个object。

XML/HTML代码
<input type="text" value="xxx" id="xx" onclick="this.myprop=""xx""">   
 <script type="text/javascript">   
  <!--    
   document.getElementById（""xx""）.attachEvent（""onpropertychange""，function（o）{    
       for（var item in o）{    
           alert（item+":"+o[item]）;    
       }    
   }）;    
 //-->   
</script>   
     履行一下，发明有很多个属性，但细心看我们可能会发明这么一个属性：propertyname，信赖每小我都能猜到这个属性的意思了。对，这个就是用来获取哪个属性被批改的。

XML/HTML代码
<input type="text" value="xxx" id="xx" onclick="this.myprop=""xx""">   
<script type="text/javascript">   
<!--    
  document.getElementById（""xx""）.attachEvent（""onpropertychange""，function（o）{    
      alert（o.propertyName）;    
  }）;    
//-->   
</script>   
   分别单击文本框和输入一个值，会发明分别弹出了myprop和value。
   
   再回到我们开端的题目，我们只须要断定是否是value被改变就ok了。
   直接看代码吧：

XML/HTML代码
<input type="text" value="xxx" id="xx" onclick="this.myprop=""xx""">   
<script type="text/javascript">   
<!--    
  document.getElementById（""xx""）.attachEvent（""onpropertychange""，function（o）{    
     if（o.propertyName!=""value""）return;  //不是value改变不履行下面的操纵    
      //.......函数处理惩罚    
 }）;    
//-->   
</script>