JQuery .он() с несколькими обработчиками событий и нескольких селекторов

Question

Так что я знаю, что мы можем иметь несколько обработчиков событий на .on метод()

$(document).on({ 
    'click': function (e) { 
     // function 
    }, 
    'hover': function (e) { 
     // function  
    } 
}); 

, но в любом случае мы можем добавить несколько селекторов каждый обработчик событий?

так:

$(document).on('click', '#foo, .foo', function() { 
    // function 
}); 

, но с несколькими .on() методы:

$(document).on({ 
    'click', '#foo': function (e) { 
     // doesn't work :(
    }, 
    'hover', '.foo': function (e) { 
     // doesn't work :( 
    } 
}); 

Заранее спасибо

Answer 1

Если вы хотите различные элементы соответствия на различные события, вам нужно используйте разные звонки on. Вы можете использовать один вызов on для подключения нескольких событий для таких же элементов, но вы не можете использовать ни один on для микширования и соответствия событий и селекторов (и нет необходимости).

---

Можно, конечно, создать свою собственную функцию, которая делает это. Например, что-то смутно, как:

$.fn.mixon = function(events) { 
    Object.keys(events).forEach(function(selector) { 
     var entry = events[selector]; 
     Object.keys(entry).forEach(function(event) { 
      this.on(event, selector, entry[event]); 
     }, this); 
    }, this); 
    return this; 
}; 

... который вы могли бы использовать так:

$(document).mixon({ 
    "#foo": { 
     "click focus": function() { 
      // ... 
     } 
    }, 
    ".foo": { 
     click: function() { 
      // ... 
     } 
    } 
});