javascript - Zwei jQuery-Operationen lösen dieselbe Funktion aus. Wie kann das Schreiben optimiert werden?

Question

$('#button').click(function() {
    todo();
});

$('#input').keydown(function(e) {
    if(e.keyCode == 13) {
        todo();
    }
});

Wenn Sie beispielsweise auf eine Schaltfläche klicken oder im Eingabefeld die Eingabetaste drücken, um denselben Vorgang auszuführen, kann dieser dann in den folgenden Codetyp optimiert werden:

$('#buttonA,#buttonB').click(function(){
    todo....
});

Answer 1

一般我喜欢用托管的方式

$('.container').on('click', '.btn', function(e) {
    // 只有在点击 .container 下的 .btn 元素才运行, this 只想的是 .btn 元素
    // 而且 不需要考虑你的 .btn 是否存在, 是否后加载
});

如果你两个操作有共性, 可以用一样的 类名 标识和绑定事件
不同类型的话, 用你第一种方法就挺好