Дело в том, что в отличие от простого вызова функции, у событий есть фазы всплытия или туннелирования(в данном случае только всплытия). Поэтому вызвать простое выполнение функции недостаточно, как это делается с помощью click()
, т.к. на уровнях выше могут быть еще перехватчики.
Нашел такой ответ: http://darktalker.com/2010/07/manually-trigger-dom-event/
/**
* trigger a DOM event via script
* @param {Object,String} element a DOM node/node id
* @param {String} event a given event to be fired - click,dblclick,mousedown,etc.
*/
var fireEvent = function(element, event) {
var evt;
var isString = function(it) {
return typeof it == "string" || it instanceof String;
}
element = (isString(element)) ? document.getElementById(element) : element;
if (document.createEventObject) {
// dispatch for IE
evt = document.createEventObject();
return element.fireEvent('on' + event, evt)
}
else {
// dispatch for firefox + others
evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true); // event type,bubbling,cancelable
return !element.dispatchEvent(evt);
}
}
Этот код уже заставляет событие выполнится полноценно, вместе с фазой всплытия.
Пример:
var fireEvent = function(element, event) {
var evt;
var isString = function(it) {
return typeof it == "string" || it instanceof String;
}
element = (isString(element)) ? document.getElementById(element) : element;
if (document.createEventObject) {
// dispatch for IE
evt = document.createEventObject();
return element.fireEvent('on' + event, evt)
}
else {
// dispatch for firefox + others
evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true); // event type,bubbling,cancelable
return !element.dispatchEvent(evt);
}
}
$(document).ready(function(){
$("td").click(function(){
$(this).toggleClass("red");
});
$("table").click(function(){
$(this).toggleClass("blue");
});
// Trigger the event.
fireEvent($("td")[0], 'click');
});
td{
padding:30px;
border:1px solid #000;
}
.red{
background:red;
}
.blue{
background:blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
fireEvent(new MouseEvent(...))
в JavaFX? или в javascriptevent.initMouseEvent(...)
?