Связать несколько событий с той же функцией

Question

Как связать события с несколькими событиями с одной и той же функцией. Я хочу, чтобы клик и touchstart делали то же самое. А потом мне нужна вторая функция для мыши. Я хотел бы использовать этот вид установки:

$(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() с пространством:

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

Answer 2

Там нет причин, почему вы не можете вызвать внешнюю функцию вместо:

function myExternalFunction (event) { 
    // do stuff 
} 

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

Answer 3

Согласно the .on() documentation (и подтверждено через быстрый взгляд на .on() реализации), вы можете сделать это:

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

Демо: http://jsfiddle.net/XzkTm/