Web HTML 內容改變的觸發事件方式
阿新 • • 發佈：2022-04-19
Web HTML 內容改變的觸發事件方式
1、onpropertychange //會在元素的屬性改變時,實時觸發事件。但當元素 disable=true 時不會觸發。
缺點：IE 下支援，其他瀏覽器不支援，可用 oninput 來解決。
<input type="text" id="TaoRoy" onpropertychange="functionName()">
2、onchange //在域內容改變時觸發（值改變且失去焦點時觸發）。支援的標籤有 <input type="text">、<textarea>、<select>、<keygen>。
缺點：通過js程式碼改變相應的值時不會觸發，可通過呼叫其change 的function() 或者調.change()方法來解決。
<input type="text" id="TaoRoy" onchange="function()">
3、oninput
oninput在<input>或<textarea>的值發生改變時觸發，不需要等到元素失去焦點，是實時的。它是HTML5的事件，可用於檢測文字類輸入框的值。
缺點：1）通過修改指令碼中的值時不會觸發. 2）從瀏覽器下拉提示框裡選取值時不會觸發. 3）IE9 以下不支援，但 IE9以下可用onpropertychange 事件代替。
<input type="text" oninput="function()">
4、addEventListener //用於向指定元素新增事件方法
語法： element.addEventListener(event, function, useCapture)
注意：可使用removeEventListener()方法來移除新增的事件。IE9以下不支援，可用attachEvent代替。
建立時間：2022.04.19 更新時間：