Bir onchange olayını manuel olarak nasıl tetikleyebilirim?

Question

Takvim widget'ından bir tarih-saat metin alanı değeri ayarlıyorum.

document.getElementById('datetimetext').value = date_value; 

İstediğim geçerli:: Ben sayfanın diğer bazı alanları sıfırlamak için gereken tarih-saat textfield değeri değiştirerek üzerinde Açıkçası, takvim Widget böyle bir şey yapar. Tetiklenmemiş olan datetimetext alanına bir onchange olay dinleyicisi ekledim, çünkü onchange öğesinin yalnızca odak noktası & odağı kaybolduğunda tetiklendiğini tahmin ediyorum.

Bu nedenle, bu onchange olayını manuel olarak tetiklemenin bir yolunu arıyorum (sanırım metin alanındaki değer farkını kontrol etmem gerekiyor).

Herhangi bir fikrin var mı?

Answer 1

Bunu yapabileceğiniz birkaç yol var. Eğer simüle etmek için bunu gerekirse

element.onchange(); 

: onchange dinleyici element.onchange özelliği ile ayarlanan bir fonksiyondur ve olay nesnesinin veya köpürme/yayılımı umursamazlar ise kolay yöntem sadece bu işlevi çağırmak için uygun var

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

Answer 2

kullananlara jQuery için: html özellik veya addEventListener/attachEvent aracılığıyla olayı ayarlarsanız tam olarak gerçek bir olay ya, doğru olay yangın özelliği tespiti biraz yapmanız gereken yöntem: http://api.jquery.com/change/

Answer 3

MDN modern tarayıcılarda bunu yapmanın çok daha temiz bir yolu vardır düşündürmektedir:

// Assuming we're listening for e.g. a 'change' event on `element` 

// Create a new 'change' event 
var event = new Event('change'); 

// Dispatch it. 
element.dispatchEvent(event);