筆者注:今天我在用到onchange事件時沒有任何反應,最后翻查資料才知道Onchange的局限性和不穩定性。而onpropertychange卻能很好的實現尤其是它的實時捕捉性能更是很值得用一下(幸虧有這個性能,做出的東西老板娘很滿意 o(∩_∩)o...)。
本人也比較懶,自己做的東西也懶的整理下來只能把搜索到的資料原版拿來個大家分享一下:
IE下,當一個HTML元素的屬性改變的時候,都能通過 onpropertychange來捕獲。例如一個
<input />
)如:
例1:
請輸入圖片地址: <input type="text" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" /> <img src="/img/common/logo.gif" />
當text框中的內容被改變時,圖片就會立刻被顯示出來。而如果用onchange時,改變其值時還需用鼠標單擊空白或其他地方使input元素失去焦點(onblur)才能激活該事件,圖片顯示才會被改變!
例2:
<INPUT onpropertychange="preview.src=image.value" type="file" size="55" runat="server">
<IMG src="">
----------------------------------------------------------------
onpropertychange事件太可愛了,我對它一見鐘情
onChange:當前元素失去焦點并且元素的內容發生改變而觸發的事件 [鼠標與鍵盤的觸發均可]
所以說當對象的value被腳本改變時不會觸發onChange事件,因為用戶即沒有動鼠標又沒動鍵盤.
新聞熱點
疑難解答
圖片精選