jQuery：如何在事件处理函数中获取事件对象而不将其作为参数传递？

小编典典

jQuery：如何在事件处理函数中获取事件对象而不将其作为参数传递？

javascript

我的onclick链接上有一个属性：

<a href="#" onclick="myFunc(1,2,3)">click</a>

指向JavaScript中的此事件处理程序：

function myFunc(p1,p2,p3) {
    //need to refer to the current event object:
    alert(evt.type);        
}

由于事件对象“ evt”没有传递给参数，是否仍然可以获得该对象？

我试过window.event和$(window.event)，但两者都是undefined。

任何的想法？

阅读 488

2020-05-01

共1个答案

小编典典

由于未从参数传递事件对象“ evt”，是否仍然可以获得该对象？

不，不可靠。IE和其他一些浏览器以window.event（not
$(window.event)）的形式提供它，但这是非标准的，并非所有浏览器都支持（众所周知，Firefox不支持）。

您最好将事件对象传递给函数：

<a href="#" onclick="myFunc(event, 1,2,3)">click</a>

即使在非IE浏览器上也可以使用，因为它们在具有event变量的上下文中执行代码（并在IE上使用，因为event解析为window.event）。我已经在IE6
+，Firefox，Chrome，Safari和Opera中进行了尝试。示例：http：//jsbin.com/iwifu4

但是 最好的 选择是使用现代事件处理：

HTML：

<a href="#">click</a>

使用jQuery的JavaScript（因为您使用的是jQuery）：

$("selector_for_the_anchor").click(function(event) {
    // Call `myFunc`
    myFunc(1, 2, 3);

    // Use `event` here at the event handler level, for instance
    event.stopPropagation();
});

…或者如果您真的想传递event给myFunc：

$("selector_for_the_anchor").click(function(event) {
    myFunc(event, 1, 2, 3);
});

选择器可以是标识锚点的任何内容。您可以选择非常丰富的设置（几乎所有CSS3，再加上一些）。您可以在锚点上添加id或class，但同样，您还有其他选择。如果您可以使用它在文档中的位置，而不是添加人工的东西，那就太好了。

2020-05-01