jquery - 複数のイベントを同じ関数にバインドする

Question

複数のイベントを同じ関数にバインドするにはどうすればよいですか。クリックとタッチスタートで同じことをしたい。そして、マウスオーバーの2番目の機能が必要です。この種のセットアップを使用したいと思います。

    $(document).on({
        click: function (event) {
        // I want this: click, touchstart: function (event) {
            event.preventDefault();
            // do something         
        },
        mouseover: function (event) {
            event.preventDefault();
            // do something         
        }
    }, '.link');

Answer 1

イベント.on()をスペースで 1 つにまとめることができます。

$(document).on('click touchstart', function(e) {
    // this will be called on click as well as touchstart
});

Answer 2

There's no reason why you can't call an external function instead:

function myExternalFunction (event) {
    // do stuff
}

$(document).on({
    click: myExternalFunction,
    mouseover: myExternalFunction
}, '.link');