sự kiện trao đổi không kích hoạt khi thay đổi đến từ một chức năng khác

Question

Tôi có văn bản đầu vào nhận giá trị của mình từ một hàm javascript (bộ hẹn giờ có đếm ngược).

Tôi muốn tăng sự kiện khi văn bản đầu vào bằng 0, vì vậy tôi đang sử dụng eventListener thay đổi.

tiếc là dường như không có sự kiện nào xảy ra khi thay đổi đến từ hàm javascript.

Làm cách nào để bắt buộc sự kiện thay đổi hoạt động, ngay cả khi thay đổi đến từ javascript chứ không phải từ người dùng?

Nhờ sự giúp đỡ

Answer 1

Từ fine manual:

thay đổi
Các sự kiện thay đổi xảy ra khi một điều khiển mất tập trung đầu vào và giá trị của nó đã được sửa đổi kể từ khi đạt được trọng tâm. Sự kiện này hợp lệ cho INPUT, SELECT và TEXTAREA. thành phần.

Khi bạn sửa đổi giá trị của đầu vào văn bản thông qua mã, sự kiện thay đổi sẽ không được kích hoạt do không có thay đổi tiêu điểm. Bạn có thể kích hoạt các sự kiện chính mình mặc dù với createEvent và dispatchEvent, ví dụ:

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

Và một phiên bản sống: http://jsfiddle.net/ambiguous/nH8CH/

Answer 2

Trong chức năng thay đổi giá trị, bằng tay bắn một sự kiện change.

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

Answer 3

Một lựa chọn tái sử dụng hơn:

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); 
    } 
};