觸發器更改輸入值以編程方式更改時的事件？

Question

我的表單中有一個輸入。

<input type="text" id="changeProgramatic" onchange="return ChangeValue(this);"/> 

如果我在本框使用另一個JavaScript函數（changeProgramatic）更改值也不會觸發這種改變事件（注：我傳遞「這個」入法）。

Answer 1

您使用jQuery的，對不對？將HTML與JavaScript分開。可以使用trigger或triggerHandler。

var $myInput = $('#changeProgramatic').on('change', ChangeValue); 

var anotherFunction = function() { 
    $myInput.val('Another value'); 
    $myInput.trigger('change'); 
}; 

Answer 2

呼叫編程方式改變之後的文字處理程序本身應該工作：

var input = document.getElementById("changeProgramatic"); 
input.value = 'New Value'; 
input.onchange(); 

Answer 3

你找出解決辦法，也許這將幫助：

在您的文本框，我需要使用jQuery的綁定功能。所以當你觸發時，它會起作用。 我有類似的問題，我直接綁定事件，之後，我觸發該事件，bups，它不會工作。所以我改變使用綁定（「命名事件」，函數（）{}綁定方法..它的工作就像我想

Answer 4

香草JS的解決方案：

var el = document.getElementById('changeProgramatic'); 
el.value='New Value' 
el.dispatchEvent(new Event('change')); 

注意dispatchEvent沒有按」 t工作在舊的IE瀏覽器（見：caniuse）。所以你應該只使用它在內部網站（而不是在網站上有廣泛的受衆）