Multiple jQuery events on one element with different functions and target selectors
Try placing the comments inside the callback instead to avoid breakage. I also do this on if-else statements as well so comments remain uniform.
Event maps are better when appending multiple event handlers to the same selector.
If you want a bit readability, move the handlers away from the attaching procedure. That way, they look clean


So here it is in the end:

//handlers

function selector1handler(){
    //comment here
};

function selector2handler(){
    //comment here
};

function selector3click(){
    //comment here
};

function selector3mouseover(){
    //comment here
};

//add handlers

$(document)
    .on('mouseenter', 'selector1', selector1handler)
    .on({
        click : selector3click,
        mouseover : selector3mouseover
    },'selector3')
    .on('mouseleave', 'selector2', selector1handler)