[Javascript] Qual è la differenza tra gli eventi mouseover e mouseenter?


Answers

Mouseenter e mouseleave non reagiscono all'evento che bolle, mentre mouseover e mouseout fanno .

Ecco un article che descrive il comportamento.

Question

Ho sempre usato l'evento mouseover, ma durante la lettura della documentazione jquery ho trovato mouseenter. Sembrano funzionare esattamente allo stesso modo. C'è una differenza tra i due, e se sì quando dovrei usarli? (Vale anche per mouseout vs mouseleave)




Solo Chrome ti consente di suggerire un nome da utilizzare quando fai clic su un link con contenuto generato dinamicamente. Tuttavia, è possibile generare il contenuto quando il cursore del mouse si trova sopra il collegamento e inserirlo come DATAURI in un href statico standard. Ciò abilita l'opzione "Salva collegamento come ..." nel menu del tasto destro.

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>



$(document).ready(function() {
$("#outer_mouseover").bind
("Mouse Over Mouse Out",function(event){
console.log(event.type," :: ",this.id);})
$("#outer_mouseenter").bind
("Mouse enter Mouse leave",function(event){
console.log(event.type," :: ",this.id);})
 });