Javascript - триггерные действия или события?

Question

Я хочу, чтобы вызвать какие-либо возможные действия пользователя на данном элементе, как, например: click, focus, mouseup, mousedown, keyup, keydown, etc...

Это так:

element.onclick(); 
element.onfocus(); 
element.onsubmit(); 
element.onmouseover(); 
element.onkeyup(); 
element.onkeydown(); 

Или есть что-то лучше этого добиться?

Спасибо

Answer 1

Если вы хотите, чтобы имитировать сгенерированный пользователем событие мышей (например, щелчки) вам следует что-то вроде:

<div id="someID" onclick="alert('a');"> 
    test 
</div> 
<script> 
var theElement = document.getElementById('someID') 
, triggerEvent = function triggerEvent(event, element) { 
    var evObj = document.createEvent('MouseEvents'); 
    evObj.initEvent(event, true, true); 
    element.dispatchEvent(evObj); 
}; 

triggerEvent('click', theElement); 
</script> 

В основном вы создаете событие из элемента и пусть обработчики справиться с этим. Here список событий.

Надеюсь, это поможет.

Answer 2

Там в различные onevent свойства на элементах, которые, возможно, функции, и вы могли бы назвать их, но при этом, вы бы быть маршрутизации вокруг системы обработки событий DOM. Вам нужно будет передать надлежащие объекты Event в функции самостоятельно, и они автоматически не перейдут к родительским элементам.

Я не уверен, что произойдет, если событие элемента было установлено с addEventListener, и вы попытались вызвать его функцию onevent напрямую.

Продолжайте использовать методы, подобные HTMLElement.prototype.click и HTMLElement.prototype.focus. Они обрабатывают все это для вас.