纯javascript相当于jquery click()？

Question

我正在构建一个捕获鼠标点击的小应用程序.我在jquery中编写了原型,但由于它是一个专注于速度的小应用程序,嵌入jquery只使用一个函数将是一个过度杀伤力.

我试图从JavascriptKit改编这个例子:

document.getElementById("alphanumeric").onkeypress=function(e){  
    //blah..blah..blah..  
}

但是当我尝试时它没有用

document.getElementsByTagName("x").onclick

我究竟做错了什么？

Answer 1

假设您有一个p标签列表,您希望捕获p标签的点击:

var p = document.getElementsByTagName("p"); 
for(var i=0; i<p.length; i++){ 
 p[i].onclick = function(){ 
   alert("p is clicked and the id is " + this.id); 
 } 
}

请查看此处的示例以获得更清晰:http: //jsbin.com/onaci/

Answer 2

在您的示例中,您使用的是getElementsByTagName,它返回一个DOM元素数组,您可以迭代该数组并为每个元素分配onclick处理程序,例如:

var clickHandler = function(){
  alert('clicked!');
}

var elements = document.getElementsByTagName('div'); // All divs

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