1. 程式人生 > >onchange監聽input值變化及input隱藏後change事件不觸發的原因與解決方法(設置readonly後onchange不起作用的解決方案)

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

com sdn 使用方法 pan val 內容 tar span .html

轉自: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事件就會被觸發,提示框將彈出。

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