Javascript 绑定不同目标的单击和键控，以执行相同的功能

我有一个提交按钮，我使用

$（“#提交”）

执行“myAction功能”，但同时我还希望如果用户按enter键，它会执行“myAction功能”

我不能这样做

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

---

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

将您的

我的操作作为一个单独的函数编写，并按如下方式使用它

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

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

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

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

只需将html
form
元素与
submit
事件侦听器一起使用即可。