onchange監聽input值變化及input隱藏後change事件不觸發的原因與解決方法(設定readonly後onchange不起作用的解決方案)
阿新 • • 發佈：2018-11-23
轉自：https://www.cnblogs.com/white0710/p/7338456.html
1. onchange事件監聽input值變化的使用方法:
<input id="test"></input>
$("input").change(function(){
alert("aaa");
}
2. 網頁開發時，如果有input隱藏域，通過js改變隱藏域的值，無法觸發change事件。
原因：
onchange事件在內容改變（兩次內容有可能還是相等的）且失去焦點時觸發。
解決方法：
在這種情況下，可以在改變隱藏域的值的同時，手動觸發onchange事件。
程式碼示例：
$('#test').val('test').change();
在改邊隱藏域的方法內新增即可！！！
然後，onchange事件就會被觸發，提示框將彈出。
1. onchange事件監聽input值變化的使用方法:
<input id="test"></input>
$("input").change(function(){
alert("aaa");
}
2. 網頁開發時，如果有input隱藏域，通過js改變隱藏域的值，無法觸發change事件。
原因：
onchange事件在內容改變（兩次內容有可能還是相等的）且失去焦點時觸發。
解決方法：
在這種情況下，可以在改變隱藏域的值的同時，手動觸發onchange事件。
程式碼示例：
$('#test').val('test').change();
在改邊隱藏域的方法內新增即可！！！
然後，onchange事件就會被觸發，提示框將彈出。