versión de JavaScript básico de jQuery .pulsa

Question

Así que tal vez simplemente no estoy buscando en los lugares correctos, pero no puedo encontrar una buena explicación de cómo hacer el equivalente de jQuery

$('a').click(function(){ 
    // code here 
}); 

en el viejo y simple JavaScript ?

Básicamente quiero ejecutar una función cada vez que se hace clic en una etiqueta a, pero no tengo la capacidad de cargar jQuery en la página para hacerlo de la manera anterior, así que necesito saber cómo hacerlo con normalidad JavaScript.

Answer 1

Ejemplo de trabajo: http://jsfiddle.net/6ZNws/

HTML

<a href="something">CLick Here</a> 
<a href="something">CLick Here</a> 
<a href="something">CLick Here</a> 

Javascript:

var anchors = document.getElementsByTagName('a'); 
for(var z = 0; z < anchors.length; z++) { 
    var elem = anchors[z]; 
    elem.onclick = function() { 
     alert("hello"); 
     return false; 
    }; 
} 

Answer 2

Aquí van:

[].forEach.call(document.querySelectorAll('a'), function (a) { 
    a.addEventListener('click', function() { 
     // code here 
    }, false); 
}); 

Demostración en directo:http://jsfiddle.net/8Lvzc/3/

(no funciona en IE8)

Además, recomiendo delegación de eventos ...

Answer 3

element.addEventListener('click', function() { ... }, false); 

Tienes que ubicar los elementos Haga un bucle para conectar cada uno.

Answer 4

document.getElementById('elementID').onclick = function(){ 
     //click me function! 
} 

Answer 5

Esto asignará una función a cada elemento onclicka.

var links = document.getElementsByTagName("a"); 
var linkClick = function() { 
    //code here 
}; 

for(var i = 0; i < links.length; i++){ 
    links[i].onclick = linkClick; 
} 

Puede verlo en acción here.

Answer 6

intente lo siguiente

var clickHandler = function() { 
    // Your click handler 
}; 

var anchors = document.getElementsByTagName("a"); 
for (var i = 0; i < anchors.length; i++) { 
    var current = anchors[i]; 
    current.addEventListener('click', clickHandler, false); 
} 

Nota: Como Ӫ _._ Ӫ señaló que esto no funcionará en Internet Explorer 8 e inferior, ya que no soporta addEventListener.

En IE8 puede suscribirse para suscribirse a onclick. No es un sustituto perfecto, ya que requiere a todos a cooperar pero puede ser capaz de ayudarle a cabo

var subscribeToOnClick = function(element) { 
    if (element.onclick === undefined) { 
    element.onclick = clickHandler; 
    } else { 
    var saved = element.onclick; 
    element.onclick = function() { 
     saved.apply(this, arguments); 
     clickHandler.apply(this, arguments); 
    } 
    } 
} 

for (var i = 0; i < anchors.length; i++) { 
    var current = anchors[i]; 
    subscribeToOnClick(current); 
}