onchange監聽input值變化及input隱藏后change事件不觸發的原因與解決方法(設置readonly后onchange不起作用的解決方案)

1. onchange事件監聽input值變化的使用方法:

<input id="test"></input>  
  
$("input").change(function(){  
    alert("aaa");  
}  

2. 網頁開發時，如果有input隱藏域，通過js改變隱藏域的值，無法觸發change事件。

原因：
onchange事件在內容改變（兩次內容有可能還是相等的）且失去焦點時觸發。

解決方法：
在這種情況下，可以在改變隱藏域的值的同時，手動觸發onchange事件。

代碼示例：

$('#test').val('test').change();   

在改變隱藏域的方法內添加即可！！！

然后，onchange事件就會被觸發，提示框將彈出。