Come faccio a cliccare a livello di programmazione su un elemento in JavaScript?

Question

In IE, posso semplicemente chiamare element.click() da JavaScript - come faccio a svolgere lo stesso compito in Firefox? Idealmente mi piacerebbe avere un JavaScript che funzionasse egualmente bene con il cross-browser, ma se necessario avrò JavaScript per-browser diverso per questo.

Answer 1

Il document.createEvent documentation dice che "Il metodo CreateEvent è deprecato Usa event constructors invece.".

Così si dovrebbe utilizzare questo metodo invece:

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

e fuoco su un elemento come this:

element.dispatchEvent(clickEvent); 

come illustrato here.

Answer 2

Usando jQuery si può fare esattamente la stessa cosa, ad esempio:

$("a").click(); 

Quale sarà "click" tutte le ancore nella pagina.

Answer 3

element.click() è un metodo standard delineato dal numero W3C DOM specification. Mozilla's Gecko/Firefox follows the standard e consente di chiamare questo metodo solo sugli elementi INPUT.

Answer 4

Stai cercando di seguire effettivamente il link o attivare l'onclick? È possibile attivare un onclick con qualcosa di simile:

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

Answer 5

Ecco una funzione che lavora cross browser (utilizzabile per altro che gestori di scatto troppo):

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

Per Firefox link sembrano essere "speciale". L'unico modo in cui sono riuscito a farlo funzionare era utilizzare createEvent described here on MDN e chiamare la funzione initMouseEvent. Anche che non ha funzionato del tutto, ho dovuto dire manualmente il browser per aprire un link ...

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

ho usato la funzione di KooiInc elencato sopra, ma ho dovuto usare due diversi tipi di input un 'bottone' per IE e uno "invia" per FireFox. Non sono esattamente sicuro del perché, ma funziona.

// HTML

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

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

Ho ricerca e provato molti suggerimenti, ma questo è ciò che ha finito per lavorare. Se avessi avuto più tempo mi sarebbe piaciuto indagare sul perché submit funziona con FF e button con IE, ma quello sarebbe un lusso in questo momento e così via al prossimo problema.