clicca su un div con javascript normale

jquery allega un metodo click anche su cose che normalmente non sono cliccabili come un DIV. questo può essere fantastico perché alcune cose rispondono a questo. Come posso “fare clic” su qualsiasi vecchio DIV regolare utilizzando semplicemente javascript vecchio senza Jquery?

quello che sto cercando di fare è innescare cliccando sull’area in cui l’utente può postare in Jquery. Sto usando un’estensione di Chrome che può eseguire qualche javascript su un tasto di scelta rapida. Ho scritto una versione jquery var x = $ (‘div [guidedhelpid = “sharebox”]’); x.click ();

che funziona bene, a parte il fatto che sembra che la libreria jquery carichi solo circa 1/4 del tempo. Non so perché, quindi ho pensato di provare a farlo in semplice JS. Per quanto riguarda il gestore, il codice di googles sta intercettando e processando bene i clic, e funziona nella versione di Jquery. quindi voglio solo fare efficacemente la stessa cosa.

Jquery internamente va su o giù per il DOM fino a quando non trova il primo elemento cliccabile?

aggiornamento alla luce di esso, stavo cercando nella direzione sbagliata, e davvero solo bisogno di trovare l’elemento giusto su cui concentrarsi (in JQUERY).

Se vuoi semplicemente associare una funzione all’elemento, puoi usare

var element = document.getElementById("el"); //grab the element element.onclick = function() { //asign a function //code } 

ma se è necessario albind più di un evento, è necessario utilizzare addEventListener (eveything tranne IE) e attachEvent (IE)

 if(element.addEventListener) { element.addEventListener("click", function() {}); } else { element.attachEvent("onclick", function() {}) } 

La funzione click() è costruita in JavaScript, non jQuery.

 HTMLElementObject.click() 

Fonte .

Ecco un articolo di John Resig (creatore di jQuery) su come fare proprio questa cosa. Fondamentalmente è il suo ingresso in un concorso (che ha vinto) su come riscrivere addEvent() .

 var d = document.getElementById("test"); d.onclick = function(){alert('hi');}; 
 var divElement = document.getElementById('section'); divElement.addEventListener('click', function () { alert('div clicked'); },false);