Yes it is, but the syntax is a little different and you can't pick and choose selectors for each event
$('ul').on({
mouseenter: function() {
console.log( "hovered over a LI" );
},
mouseleave: function() {
console.log( "mouse left a LI" );
},
click: function() {
console.log( "clicked on a LI" );
}
}, 'li');
If you really have to filter on different elements for each event you can do something like
$('div').on({
mouseenter: function(e) {
if (e.target.tagName.toLowerCase() === 'tr') {
console.log( "hovered over a TR" );
}
},
mouseleave: function(e) {
if (e.target.tagName.toLowerCase() === 'div') {
console.log( "mouse left a DIV" );
}
},
click: function(e) {
if (e.target.tagName.toLowerCase() === 'TD') {
console.log( "clicked on a TD" );
}
}
});
but that's not really any easier than just doing
$('div').on('mouseenter', 'tr', function() {
console.log( "hovered over a TR" );
}).on('mouseleave', 'div', function() {
console.log( "mouse left a DIV" );
}).on('click', 'td', function() {
console.log( "clicked on a TD" );
});