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

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
});

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

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

Setting Up Multiple Event Responses using named functions

html

javascript

scripting

jquery

dom