変更が別の関数から来たときにonchangeイベントが発生しない

Question

javascript関数（カウントダウンを持つタイマー）から値を取得する入力テキストがあります。

入力テキストが0のときにイベントを発生させたいので、change eventListenerを使用しています。

残念ながら、JavaScript機能から変更が来た場合は、イベントを発生させていないようです。

変更イベントが強制的に働くようにするにはどうしたらいいですか？変更はJavaScriptであり、ユーザーからのものではありません。任意のヘルプ値を変更する機能で

Answer 1

：

変化
コントロールが入力フォーカスを失って、その値がフォーカスを得て以来、変更されたときに変更イベントが発生します。このイベントは、INPUT、SELECT、およびTEXTAREAに有効です。素子。

コードでテキスト入力の値を変更すると、フォーカスが変更されないため、変更イベントは発生しません。あなたは、例えば、createEventとdispatchEventにかかわらず、イベントを自分でトリガすることができます。

el = document.getElementById('x'); 
ev = document.createEvent('Event'); 
ev.initEvent('change', true, false); 
el.dispatchEvent(ev); 

そしてライブバージョン：http://jsfiddle.net/ambiguous/nH8CH/

Answer 2

ため

おかげで、手動でchangeイベントを発生します。 fine manualから

var e = document.createEvent('HTMLEvents'); 
e.initEvent('change', false, false); 
some_input_element.dispatchEvent(e); 

Answer 3

より再利用可能なオプション：

function simulate_event(eventName, element) { 
    // You could set this into the prototype as a method. 
    var event; 

    if (document.createEvent) { 
     event = document.createEvent("HTMLEvents"); 
     event.initEvent(eventName, true, true); 
    } else { 
     event = document.createEventObject(); 
     event.eventType = eventName; 
    }; 

    event.eventName = eventName; 

    if (document.createEvent) { 
     element.dispatchEvent(event); 
    } else { 
     element.fireEvent("on" + event.eventName, event); 
    } 
};