如何使参数在事件函数中起作用

Question

当我想取消绑定事件时，我将代码包装在一个函数中，但是当我需要查看按下哪个键时，我需要获取该事件的事件（不确定如何调用）。

//正常的例子

$('body').on('keydown',function( event ){
    if(event.keyCode == 37){
        // do something
    }
});

//我的例子

function keyDownHandler() {
     if(event.keyCode == 39) {
        // does not work
    }    
 }

$('body').on('keydown', keyDownHandler);

Answer 1

您需要获取事件对象，可以将其作为回调函数参数获取

function keyDownHandler(event) {
    // set it here ----^^^^^^---
    if(event.keyCode == 39) {
        // works now
    }
}

$('body').on('keydown', keyDownHandler);

Answer 2

$(document).ready(function () {
    //1st way
    $('body').on('keydown', function(event){
        keyDownHandler(event);
    });

    //2nd way ,same as first but shorter use it for send event only
    $('body').on('keydown', keyDownHandler);

    //3rd way ,this way to send more data
    $('body').on('keydown', {example:'hello world'},keyDownHandler2);
});

function keyDownHandler(event) {
    console.log(event.keyCode);
}

function keyDownHandler2(event) {
    console.log(event.keyCode);
    console.log(event.data.example);
}