Мне просто интересно, как я могу использовать JavaScript для имитации нажатия на элемент.
В настоящее время у меня есть:
<script type="text/javascript">
function simulateClick(control)
{
if (document.all)
{
control.click();
}
else
{
var evObj = document.createEvent('MouseEvents');
evObj.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );
control.dispatchEvent(evObj);
}
}
</script>
<a href="http://www.google.com" id="mytest1">test 1</a><br>
<script type="text/javascript">
simulateClick(document.getElementById('mytest1'));
</script>
Но это не работает :(
Есть идеи?
Вот что я придумал. Это довольно просто, но это работает:
function eventFire(el, etype){
if (el.fireEvent) {
el.fireEvent('on' + etype);
} else {
var evObj = document.createEvent('Events');
evObj.initEvent(etype, true, false);
el.dispatchEvent(evObj);
}
}
Использование:
eventFire(document.getElementById('mytest1'), 'click');
Как насчет чего-то оченьпростого, например:
document.getElementById('elementID').click();
Поддерживается даже в Internet Explorer (IE).
Рассматривали ли вы возможность использования jQuery, чтобы избежать всех обнаружений браузеров? С jQuery это будет просто:
$("#mytest1").click();
Ты можешь сэкономить себе кучу места, используя jQuery. Тебе нужно только использовать это:
$('#myElement').trigger("click")
var elem = document.getElementById('mytest1');
// Simulate clicking on the specified element.
triggerEvent( elem, 'click' );
/**
* Trigger the specified event on the specified element.
* @param {Object} elem the target element.
* @param {String} event the type of the event (e.g. 'click').
*/
function triggerEvent( elem, event ) {
var clickEvent = new Event( event ); // Create the event.
elem.dispatchEvent( clickEvent ); // Dispatch the event.
}
Справочник:
Верхний ответ - лучший! Однако в Firefox у меня не срабатывали события мыши при etype = 'click'
.
Поэтому я изменил document.createEvent
на 'MouseEvents'
и это решило проблему. Дополнительный код служит для проверки того, не вмешивается ли в событие другой код, и если он отменяется, я сообщаю об этом в консоль.
function eventFire(el, etype){
if (el.fireEvent) {
el.fireEvent('on' + etype);
} else {
var evObj = document.createEvent('MouseEvents');
evObj.initEvent(etype, true, false);
var canceled = !el.dispatchEvent(evObj);
if (canceled) {
// A handler called preventDefault.
console.log("automatic click canceled");
} else {
// None of the handlers called preventDefault.
}
}
}