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

bind click and keyup of different target to do same function

本文关键字：执行 功能 目标 单击 绑定      更新时间：2023-09-26

我有一个提交按钮，我使用$("#submit")来执行"myAction功能"，但同时我也希望如果用户按回车键，它执行"myAction功能"。

我不能这样做 

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

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

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

function send(e){
    if(e.type == 'click' || (e.type == 'keyup' && e.wich == 13))
}
$('[type=text]').on('keyup', send);
$('[type=submit]').on('click', send);

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

演示：小提琴

相关文章：