如何在IE中为动态创建的div设置onmousedown事件？

Question

我有一个（Javascript）工具，每当用户单击屏幕时，它都会动态创建一个 div。

_newDiv = document.createElement('div');

现在，在创建 _newDiv 后，我想为其分配一个 onmousedown 事件。

_newDiv.onmousedown = function(event) { onNewDivMouseDown(event); };

这在 Firefox 中完美运行，但在 IE 8 中不起作用。有什么办法可以用来解决这个问题吗？

Answer 1

问题解决了！

事实证明，由于动态创建的 div 使用 progid:DXImageTransform 变得透明，因此 IE 没有捕获该 div 的 onmousedown 事件。 解决了这个问题

background-image:url(/none)

通过插入div 的样式表 。由于某种原因，即使插入不存在的图像它也能工作，所以我使用了它。

Answer 2

在 IE9 之前，event 对象不会传递给处理程序。相反，它是一个全局变量。因此，传统的习惯用法是：

function handler(event) {
  event = event || window.event;
  // ...
}

所以就你而言：

_newDiv.onmousedown = function(event) {
    onNewDivMouseDown(event || window.event);
};