使用常规 javascript 单击 div

Question

jquery 甚至为那些通常不可点击的东西（比如 DIV）附加了一个 click 方法。这可能很棒，因为有些东西会对此做出反应。我如何使用普通的旧 JavaScript 而不使用 Jquery“单击”任何旧的常规 DIV？

我想做的是触发点击用户可以在 Jquery 中发布的区域。我正在使用一个 chrome 扩展，它可以在热键上运行一些 javascript。我写了一个jquery版本 var x = $('div[guidedhelpid="sharebox"]'); x.click();

工作正常，除了 jquery 库似乎只加载大约 1/4 的时间。不知道为什么，所以我想我会尝试用普通的 JS 来实现它。至于处理程序，谷歌自己的代码可以很好地拦截和处理点击，并且它可以在 Jquery 版本中工作。所以我只想有效地做同样的事情。

Jquery 是否会在内部向上或向下遍历 DOM，直到找到第一个可点击的元素？

更新 鉴于此，我找错了方向，实际上只需要找到正确的元素来关注（在 JQUERY 中）。

Answer 1

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

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

，但如果您需要附加多个事件，您应该使用 addEventListener （除 IE 之外的所有事件）和 attachEvent (IE)

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

Answer 2

click() 函数是用 JavaScript 构建的，而不是 jQuery。

HTMLElementObject.click()

来源。

Answer 3

var d = document.getElementById("test");
d.onclick = function(){alert('hi');};

Answer 4

var divElement = document.getElementById('section');

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

Answer 5

我使用表格来控制页面布局。 “td”是可点击的，所以我在 td 标签中而不是在 div 标签中写入“onclick =whatever()”。