事件对象不仅仅用Firefox定义(IE和Chrome的工作原理)

Question

<a class="lnk" href="#" onclick="showItem();">
    <span data-id="27">TEST</span>
</a>

function showItem()
{
    var itid = event.target.dataset.id;
    alert(itid);
}

如果您尝试使用此jsfiddle代码,您可以看到使用IE(11)和Chrome正确评估事件对象,但是使用Firefox(32.0)时会出现错误(ReferenceError:未定义事件)

这是Firefox或IE和Chrome中不同的事件对象生命周期的错误？然而,因为在IE和Chrome中它正在工作,我认为这是一个问题.关于解决方法？

ps:在jsfiddle中,只有firefox,代码选择仍有问题(经过一些运行后你无法选择代码.

Answer 1

你应该event作为参数传递给函数:

<a class="lnk" href="#" onclick="showItem(event);">
    <span data-id="27">TEST</span>
</a>

function showItem(e)
{
    e = e || window.event;
    var itid = e.target.dataset.id;
    alert(itid);
}

将其作为全局变量访问是Chrome复制的IE功能,但我不认为它是标准的Javascript.