使用常规javascript单击div

使用常规javascript单击div,javascript,html,dom,onclick,Javascript,Html,Dom,Onclick,jquery甚至在像DIV这样通常不可点击的东西上附加了一个click方法。这很好,因为有些东西会响应它。在没有Jquery的情况下,如何使用普通的旧javascript“单击”任何旧的常规DIV 我试图做的是触发点击用户可以在Jquery中发布的区域。我正在使用一个chrome扩展,可以在热键上运行一些javascript。我写了一个jquery版本 var x=$('div[guidedhelpid=“sharebox”]”);x、 单击() 这很好,只是jquery库似乎只加载了大约1/4

jquery甚至在像DIV这样通常不可点击的东西上附加了一个click方法。这很好,因为有些东西会响应它。在没有Jquery的情况下,如何使用普通的旧javascript“单击”任何旧的常规DIV

我试图做的是触发点击用户可以在Jquery中发布的区域。我正在使用一个chrome扩展,可以在热键上运行一些javascript。我写了一个jquery版本 var x=$('div[guidedhelpid=“sharebox”]”);x、 单击()

这很好,只是jquery库似乎只加载了大约1/4的时间。不知道为什么,所以我想我应该试着用简单的JS。至于处理程序,谷歌自己的代码可以很好地拦截和处理点击,并且可以在Jquery版本中工作。所以我只想有效地做同样的事情


Jquery在发现第一个think clickable之前是在DOM内部上下移动

更新 有鉴于此,我看错了方向,只需要找到正确的元素(在JQUERY中)。函数是用JavaScript构建的,而不是JQUERY

HTMLElementObject.click()

.

如果只想将一个函数绑定到元素,可以使用

var element = document.getElementById("el"); //grab the element
element.onclick = function() { //asign a function
//code
}
但如果需要附加多个事件,则应使用
addEventListener
(IE除外的所有内容)和
attachEvent
(IE)


下面是John Resig(jQuery的创建者)关于如何做这件事的介绍。这基本上是他关于如何重写
addEvent()
的入门(他赢了)

document.queryselector(“.divclassname”)。单击()//单击使用div类

document.queryselector(#divid”)。单击()//单击使用div的id

我使用表来控制页面布局。“td”是可点击的,因此我将“onclick=whatever()”写在td标记中,而不是div标记中。

Jquery在发现第一个think clickable之前是否在DOM内部上下移动?我更关心的是为什么Jquery只加载了¼次。好吧,我错了,Jquery是在加载。只是内容在当时的1/4页上有所不同。所以这个问题很不相关,我最初的措辞让人觉得我问的问题与我想问的不一样。与其单击,不如让我找到合适的元素来关注。如果你说的是附加事件处理程序,
$('div')中的
click()
。单击(…)
绝对是一个jQuery函数。不,他说他想
触发一次点击。这不起作用
var element = document.getElementById("el"); //grab the element
element.onclick = function() { //asign a function
//code
}
if(element.addEventListener) {
element.addEventListener("click", function() {});
} else { 
element.attachEvent("onclick", function() {})
}
var divElement = document.getElementById('section');

divElement.addEventListener('click', function () {
  alert('div clicked');
},false);