Управление DOM с помощью JavaScript в современных браузерах и IE 11+
Есть несколько специальных событий, которые доступны как элемент метода. Вы можете вызвать их напрямую, например:
// For text box and textarea
ele.focus();
ele.blur();
// For form element
formEle.reset();
formEle.submit();
// For any element
ele.click();
const trigger = (ele, eventName) {
const e = document.createEvent('HTMLEvents');
e.initEvent(eventName, true, false);
ele.dispatchEvent(e);
};
Вы можете спровоцировать change, keyup, mousedown и т.д.
trigger(ele, 'mousedown');
Пример кода ниже запускает пользовательское событие с именем hello
с данными { message: 'Hello World' }
:
const e = document.createEvent('CustomEvent');
e.initCustomEvent('hello', true, true, { message: 'Hello World' });
// Trigger the event
ele.dispatchEvent(e);