首頁猿問如何手動觸發(fā)onchange事件？

如何手動觸發(fā)onchange事件？

JavaScript

達令說 2019-06-12 21:33:42

如何手動觸發(fā)onchange事件？我正在通過日歷小部件設置日期時間Textfield值。顯然，日歷部件執(zhí)行如下操作：document.getElementById('datetimetext').value = date_value;我想要的是：在更改日期時文本字段中的值時，我需要重置頁面中的其他一些字段。我在datetimetext字段中添加了一個onchange事件偵聽器，該字段不會被觸發(fā)，因為我猜onchange僅在元素獲得焦點時才觸發(fā)&在失去焦點時更改其值。因此，我正在尋找一種手動觸發(fā)這個onchange事件(我猜應該檢查文本字段中的值差異)。有什么想法嗎？

查看完整描述

3 回答

holdtom

TA貢獻1805條經(jīng)驗獲得超10個贊

有幾種方法你可以做到。如果onchange偵聽器是通過element.onchange屬性，并且您不必擔心事件對象或冒泡/傳播，最簡單的方法是只調(diào)用該函數(shù)：

element.onchange();

如果您需要它來完全模擬真實的事件，或者通過html屬性或addEventListener/attachEvent，您需要做一些特性檢測才能正確觸發(fā)事件：

if ("createEvent" in document) {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);
    element.dispatchEvent(evt);}else
    element.fireEvent("onchange");

反對回復 2019-06-12

夢里花落0921

TA貢獻1772條經(jīng)驗獲得超6個贊

MDN表明在現(xiàn)代瀏覽器中有一種更干凈的方法可以做到這一點：

// Assuming we're listening for e.g. a 'change' event on `element`// Create a new 'change' eventvar event = new Event('change');
// Dispatch it.element.dispatchEvent(event);

反對回復 2019-06-12