使用命名函数设置多个事件响应

Question

我正在尝试改变这一点：

$( "p" ).on({
    "click": function() { console.log( "clicked!" ); },
    "mouseover": function() { console.log( "hovered!" ); }
});

看起来像这样：

$( "p" ).on({
    "click": fnOne(); },
    "mouseover": fnTwo(); }
});


function fnOne(){
    alert("click");
}

function fnTwo(){
    alert("click");
}

实现这一目标的正确方法是什么？

Answer 1

您需要将函数引用作为值传递给事件名称属性

$("p").on({
    "click": fnOne,
    "mouseover": fnTwo
});

在您的代码中，存在语法问题，您还试图做的是调用这些函数并将这些函数返回的值作为未定义的事件处理程序传递。