Quelle est la différence entre les événements mouseover et mouseenter ?

Question

J'ai toujours utilisé l'événement mouseover, mais en lisant la documentation de jquery, j'ai trouvé mouseenter. Ils semblent fonctionner exactement de la même manière. Y a-t-il une différence entre les deux, et si oui, quand dois-je les utiliser ? (Cela vaut également pour mouseout et mouseleave)

Answer 1

Seul Chrome vous permet de suggérer un nom à utiliser lorsque vous cliquez sur un lien dont le contenu est généré dynamiquement. Cependant, vous pouvez générer le contenu lorsque le curseur de la souris se trouve sur le lien et le placer comme DATAURI dans un href statique standard. Cela active l'option "Enregistrer le lien sous " dans le menu du clic droit.

function download_content(a, side) 
{
    a.innerHTML = "preparing content..";

    var txt = "call a function to generate content";
    var datauri = "data:plain/text;charset=UTF-8," + encodeURIComponent(txt);
    a.setAttribute('download', "chrome_let_you_suggest_a_name.txt");
    a.setAttribute('href', datauri);

    a.innerHTML = "content ready.";
}
document.getElementById('my_a_link').addEventListener('mouseover', function() { download_content(this); });

<a id="my_a_link" href="#">save document</a>

Answer 2

J'ai eu un problème avec .mouseover ou .mouseout, car je préfère .mouseenter et .mouseleave.