PreventDefault 给出一个 TypeError [重复]

Question

这是我的代码行：

var $hotlinePanel = $('#hotlines-panel');
var $hotlineTile = $('#redirects-tile-6 .redirect-overlay');

$hotlineTile.on('click', togglePanel(event));

function togglePanel(event){
    event.preventDefault();
    $hotlinePanel.toggleClass('open');
};

这是控制台的错误：

未捕获的类型错误：无法读取未定义的属性“preventDefault”

我做错了什么？

Answer 1

只需稍作改动如下：

$hotlineTile.on('click', togglePanel);  // remove-(event), call function with name only - function declaration

// function defination

function togglePanel(e){
    e.preventDefaut();
    $hotlinePanel.toggleClass('open');
};

更新：

注意：preventDefault() 方法不会阻止事件通过 DOM 传播。使用stopPropagation() 方法来处理。