javascript - 绑定不同目标的点击和键位以执行相同的功能

Question

我有一个提交按钮，我$("#submit")用来执行“myAction 功能”，但同时我还希望如果用户按下回车，它执行“myAction 功能”..

我不能这样做

$("#submit").on('click keyup', function(){
 //myAction function
});

因为我必须将 keyup 事件附加到我的输入字段而不是 #submit..

Answer 1

为您的函数命名并在选择器上绑定两个事件。然后添加一个特殊条件：

function send(e){
    if(e.type == 'click' || (e.type == 'keyup' && e.wich == 13))
}

$('[type=text]').on('keyup', send);
$('[type=submit]').on('click', send);

Answer 2

将您的函数编写my action为单独的函数并按如下方式使用

function myAction() {
    console.log('act');
    //do your stuff here
}
$("#submit").on('click', myAction);
$("input.enter").on('keypress', function (e) {
    //enter key code is 13
    if (e.which == 13) {
        myAction()
    }
});

演示：小提琴