Question

例如，如果我希望用户同时执行单击和按键，则会提供相同的输出。我不想有两个相同的代码。

如果我有类似

的话

$('#next').click(function(){
 // code goes here
});

我也想实现这个

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "left pressed" );
       return false;
    }
});

这将是点击的一部分。有什么建议？谢谢!!

Answer 1

function myFunc() {
   alert("left pressed");
}

$("#next").click(myFunc);

$(document).keypress(function(e) {
  if(e.keyCode == 37) myFunc();
});

你也可以让myFunc（）处理这两个事件..

function myFunc(e) {
    // First we check to see if this event has a keyCode property
    // If so, then we need to check the value of that keyCode.
    // If it doesn't match the value we're trying to capture,
    // then we just "exit" the function by returning false.
    if(e.keyCode && e.keyCode != 37) {
        return false;
    }

    alert("left pressed");
}

// Since myFunc() handles both scenarios, we can 
// bind it to both objects.
$("#next").click(myFunc);
$(document).keypress(myFunc);

Answer 2

类似这样的事情

function clicky(e) {
    e.preventDefault();
    console.log('do stuff');
}

$('#next').click(clicky);
$(document).keydown(clicky);

你想写这个函数并稍后调用它

直播示例：http://jsfiddle.net/mPhAZ/

Answer 3

将公共代码包装在单独的函数中并从选择器函数中调用？或者我误解了你的问题？

所以：

function doSomeStuff() {
    // common code here
}


$('#next').click(function() {
    doSomeStuff();
});


$(document).keydown(function(e) {
    if(e.keyCode == 37) {
        alert("left pressed") ;
        doSomeStuff();
        return false;
    }
});

Answer 4

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       $('#next').click();
    }
});

.click（）是一个标准的javascript函数，可用于模拟单击按钮。

有没有办法做两个不同的功能？

4 个答案: