筆者注：今天我在用到onchange事件時(shí)沒(méi)有任何反應(yīng)，最后翻查資料才知道Onchange的局限性和不穩(wěn)定性。而onpropertychange卻能很好的實(shí)現(xiàn)尤其是它的實(shí)時(shí)捕捉性能更是很值得用一下（幸虧有這個(gè)性能，做出的東西老板娘很滿意 o(∩_∩)o...）。

本人也比較懶，自己做的東西也懶的整理下來(lái)只能把搜索到的資料原版拿來(lái)個(gè)大家分享一下：

IE下，當(dāng)一個(gè)HTML元素的屬性改變的時(shí)候，都能通過(guò) onpropertychange來(lái)捕獲。例如一個(gè)

<input name="text1" id="text1" />

對(duì)象的value屬性被頁(yè)面的腳本修改的時(shí)候，onchange無(wú)法捕獲到，而onpropertychange卻能夠捕獲。(是實(shí)時(shí)性捕捉到的）

也就是說(shuō)：onpropertychange能及時(shí)捕獲屬性值的變化，而onchange在屬性值改變時(shí)還必須使得當(dāng)前元素失去焦點(diǎn)(onblur)才可以激活該事件！

如：

例1：

請(qǐng)輸入圖片地址： <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" /> <img id="myimg" src="/img/common/logo.gif" alt="" />

當(dāng)text框中的內(nèi)容被改變時(shí)，圖片就會(huì)立刻被顯示出來(lái)。而如果用onchange時(shí)，改變其值時(shí)還需用鼠標(biāo)單擊空白或其他地方使input元素失去焦點(diǎn)(onblur)才能激活該事件，圖片顯示才會(huì)被改變！

例2：

<INPUT id="image" style="WIDTH: 448px; HEIGHT: 22px"     onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">

<IMG id="preview" height="170" alt="" src="" width="256">

----------------------------------------------------------------

onpropertychange事件太可愛(ài)了,我對(duì)它一見(jiàn)鐘情

onChange:當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可]

所以說(shuō)當(dāng)對(duì)象的value被腳本改變時(shí)不會(huì)觸發(fā)onChange事件，因?yàn)橛脩艏礇](méi)有動(dòng)鼠標(biāo)又沒(méi)動(dòng)鍵盤.

最新評(píng)論