jquery - jQuery click 函数什么时候需要 'event' ？

Question

我有一个带有 jquery 的点击函数，在添加“事件”之前它不起作用(见下文)。

什么时候需要该事件？本文档不使用它:http://api.jquery.com/click/

没有工作:

$(document).ready(function () {
        $('#div a').click(function () {
            event.preventDefault();
            $('#menu,#wrapper').toggleClass('open');
        });
    })

作品:

$(document).ready(function () {
        $('#div a').click(function (event) {
            event.preventDefault();
            $('#menu,#wrapper').toggleClass('open');
        });
    })

Answer 1

您链接到的文档明确指出，click 函数是 bind 的快捷方式事件类型为“click”。以下是该文档的摘录:

.bind( eventType [, eventData], handler(eventObject) )

绑定(bind)函数的原型(prototype)显示，handler(您提供的回调)接收一个 eventObject，这是您代码中的事件。

此事件是一个 jQuery 包装事件，具有您调用的函数 preventDefault。

所以这一行

event.preventDefault();

需要定义事件。在函数声明中写入 function(event) 会声明局部变量 event，其值将是 jQuery 给出的 eventObject 之一。

或者，如果您不喜欢定义变量，您可以这样做:

$(document).ready(function () {
    $('#div a').click(function () {
        $('#menu,#wrapper').toggleClass('open');
        return false; // this prevents default handling and also stops propagation
    });
})