javascript - 如何模拟元素的真实onchange？

Question

我有一个select 元素，它的onchange事件由 jQuery 事件侦听器处理，并且它的onchange属性为空。

通过该方法触发onchange事件

document.getElementById("element_name").onchange();

不管用。

我想要一个解决方案来模拟onchange该元素上的真实完整事件。

Answer 1

尝试：

var element = document.getElementById("element_name");

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

证明：

http://jsfiddle.net/iambriansreed/xG7HB/

Answer 2

怎么样...

$('#element_id').trigger('change');

... 要不就...

$('#element_id').change();

? 添加了 jsfiddle 来说明这一点。

或者你需要一个没有 jQuery 的解决方案？