如何在没有jQuery的情况下以编程方式触发“输入”事件？ [英] How do I programmatically trigger an “input” event without jQuery?

问题描述

我使用

var element = document.getElementById('some-input');
element.addEventListener('input', function() {
    console.log('The value is now ' + element.value);
});

正如预期的那样，当我输入文本字段时会触发处理程序，但我还需要调用我的代码中的这个处理程序如何模拟输入事件以便调用我的事件监听器？

As expected, the handler is triggered when I type into the text field, but I also need to invoke this handler from my code. How can I simulate the input event so that my event listener is called?

推荐答案

使用纯JavaScript触发事件的正确方法是创建一个Event对象，然后发送它

The proper way to trigger an event with plain JavaScript, would be to create an Event object, and dispatch it

var event = new Event('input', {
    'bubbles': true,
    'cancelable': true
});

element.dispatchEvent(event);

FIDDLE

IE不支持此功能，因为仍然需要使用老式的方法

This is not supported in IE, for that the old-fashioned way still has to be used

var event = document.createEvent('Event');
event.initEvent('input', true, true);

elem.dispatchEvent(event);

这篇关于如何在没有jQuery的情况下以编程方式触发“输入”事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！