如何从空td标记上的javascript(而不是jquery）手动触发onmousedown事件

How to trigger a onmousedown event manually from javascript (not jquery) on a empty td tag

本文关键字：jquery 事件 onmousedown td javascript      更新时间：2023-09-26

我想使用java脚本而不是使用jquery在一个空的td标记上触发一个ommous向下事件。任何建议请

我为您准备了一个CodePen演示：

http://codepen.io/anon/pen/lrAxp

var element = document.getElementById('testButton');
if(document.createEvent)
{
  element.dispatchEvent(new Event('mousedown'));
}
else{
  // Internet Explorer (I think)
 element.fireEvent("onmousedown", event); 
}

您也可以查看这篇SO文章了解更多信息：如何在JavaScript中触发事件？

这会在每个空的td单元格上调度mousedown事件（在现代浏览器上）：

var emptyTableCells = document.querySelectorAll("td:empty");
var mousedown = new Event('mousedown');
[].forEach.call(emptyTableCells, function(elem) {
   elem.dispatchEvent(mousedown);
});

如果你只想要一些简单的东西，你也可以使用HTMLElement的点击功能：

var td = document.getElementsByTagName('td')[0];
td.onclick = function(){
    alert('!');
}
td.click();

下面是一个小提琴，它展示了它的作用：jsFiddle

相关文章：