小编典典

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

任何的想法?


阅读 487

收藏
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();
});

…或者如果您真的想传递eventmyFunc

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

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

2020-05-01