¿Cómo hago clic en un elemento en JavaScript?

Question

En IE, puedo simplemente llamar a element.click() desde JavaScript, ¿cómo logro la misma tarea en Firefox? Idealmente, me gustaría tener un JavaScript que funcione igualmente bien entre navegadores, pero si es necesario, tendré un JavaScript diferente para cada navegador.

Answer 1

El document.createEvent documentation dice que "está en desuso El método createEvent Use event constructors lugar.".

lo que debe utilizar este método en lugar:

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

y el fuego en un elemento como esto:

element.dispatchEvent(clickEvent); 

como se muestra here.

Answer 2

Usando jQuery se puede hacer exactamente lo mismo, por ejemplo:

$("a").click(); 

Qué hará "clic" todos los anclajes en la página.

Answer 3

element.click() es un método estándar delineado por W3C DOM specification. Gecko/Firefox de Mozilla follows the standard y solo permite llamar a este método en elementos de ENTRADA.

Answer 4

¿Estás tratando de seguir realmente el enlace o activar el onclick? Puede desencadenar un onclick con algo como esto:

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

Answer 5

Aquí es una función de trabajo transversal navegador (utilizable para otra cosa que clic manipuladores también):

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

Answer 6

Para los enlaces de Firefox parece ser "especial". La única forma en que pude hacer que funcionara fue usar createEvent described here on MDN y llamar a la función initMouseEvent. Incluso que no funcionó por completo, tenía que contar manualmente el navegador para abrir un enlace ...

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

Answer 7

utilicé la función de KooiInc mencionados anteriormente, pero tuve que usar dos tipos diferentes de entrada de un 'botón' para IE y un 'enviar' para Firefox. No estoy exactamente seguro de por qué, pero funciona.

// HTML

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

// en 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); 
} 

Tengo buscar y probado muchas sugerencias, pero esto es lo que terminó trabajando. Si tuviera más tiempo, me gustaría investigar por qué enviar trabajos con FF y botón con IE, pero eso sería un lujo en este momento, y así sucesivamente hasta el próximo problema.