it-swarm.com.ru

Как программно нажать на элемент в JavaScript?

В IE я могу просто вызвать element.click () из JavaScript - как мне выполнить ту же задачу в Firefox? В идеале я хотел бы иметь какой-то JavaScript, который одинаково хорошо работал бы в разных браузерах, но при необходимости у меня будет другой JavaScript для каждого браузера.

56
Bruce

document.createEvent документация говорит, что " Метод createEvent устарел. Использование конструкторы событий вместо этого. "

Таким образом, вы должны использовать этот метод вместо:

var clickEvent = new MouseEvent("click", {
    "view": window,
    "bubbles": true,
    "cancelable": false
});

и запустить его на такой элемент:

element.dispatchEvent(clickEvent);

как показано здесь .

66
Iulian Onofrei

Для Firefox ссылки выглядят как "специальные". Единственный способ получить эту работу - использовать createEvent описанный здесь для MDN и вызвать функцию initMouseEvent. Даже если это не сработало полностью, мне пришлось вручную указать браузеру открыть ссылку ...

var theEvent = document.createEvent("MouseEvent");
theEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
var element = document.getElementById('link');
element.dispatchEvent(theEvent);

while (element)
{
    if (element.tagName == "A" && element.href != "")
    {
        if (element.target == "_blank") { window.open(element.href, element.target); }
        else { document.location = element.href; }
        element = null;
    }
    else
    {
        element = element.parentElement;
    }
}
30
will

Используя jQuery вы можете сделать то же самое, например:

$("a").click();

Который будет "кликать" по всем якорям на странице.

21
Jake McGraw

element.click () - это стандартный метод, описанный в спецификации D3 W3C . Gecko/Firefox в Mozilla следует стандарту и позволяет вызывать этот метод только для элементов INPUT.

10
Bjorn Tipling

Вы действительно пытаетесь перейти по ссылке или вызвать клик? Вы можете вызвать щелчок мышью примерно так:

var link = document.getElementById(linkId);
link.onclick.call(link);
8
jiggy

Вот кросс-браузерная рабочая функция (может использоваться и для других обработчиков кликов):

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);
    }
}
7
KooiInc

Я использовал функцию KooiInc, указанную выше, но мне пришлось использовать два разных типа ввода: одна кнопка для IE и ​​одна кнопка отправки для FireFox. Я не совсем уверен, почему, но это работает.

// HTML

<input type="button" id="btnEmailHidden" style="display:none" />
<input type="submit" id="btnEmailHidden2" style="display:none" />

// в JavaScript

var hiddenBtn = document.getElementById("btnEmailHidden");

if (hiddenBtn.fireEvent) {
    hiddenBtn.fireEvent('onclick');
    hiddenBtn[eType]();
}
else {
    // dispatch for firefox + others
    var evObj = document.createEvent('MouseEvent');
    evObj.initEvent(eType, true, true);
    var hiddenBtn2 = document.getElementById("btnEmailHidden2");
    hiddenBtn2.dispatchEvent(evObj);
}

Я искал и пробовал много предложений, но это то, что в итоге получилось. Если бы у меня было больше времени, я бы хотел выяснить, почему submit работает с FF и кнопкой с IE, но сейчас это было бы роскошью, так что перейдем к следующей проблеме.

1
krm