Elemento al passaggio del mouse con JQuery

Question

C'è un modo per passare il mouse su un elemento utilizzando javascript? Non voglio creare un'altra classe, voglio solo fare in modo che l'elemento si posizioni con javascript quando il puntatore del mouse non si trova su quell'elemento.

Ad esempio, ho 5 elementi con la stessa classe e desidero chiamare il passaggio del mouse su tutti quando uno di essi è effettivamente al passaggio del mouse.

Answer 1

Presumo si intende la classe pseudo :hover che hai associato con un link (per esempio). Mentre si passa con il mouse su quel collegamento, si desidera richiamare tutti gli stili :hover di tutti gli altri collegamenti.

Sfortunatamente, non è possibile richiamare gli stili :hover da jQuery, che richiede effettivamente il puntatore del mouse su quell'elemento. Devi usare le classi e utilizzare l'evento di hover di jQuery.

Answer 2

Se ho compreso correttamente la tua domanda, hai aggiunto un evento hover utilizzando jQuery e desideri attivare manualmente quell'evento indipendentemente dal mouse.

Se ho capito correttamente, si desidera chiamare lo mouseenter per attivare l'evento mouseenter.

Se ho capito male, e in effetti hai una regola CSS :hover che vuoi attivare usando Javascript, non è possibile.
Invece, è necessario aggiungere un nome di classe alla regola (ad esempio, something:hover, something.FakeHover { ... }) e aggiungere il nome di classe utilizzando jQuery. (ad esempio, $(...).addClass('FakeHover')).

Answer 3

In jQuery, the trigger function consente di attivare eventi (incluso mouseover, credo) sugli elementi.

In diritto JavaScript, se hai assegnato una funzione al gestore di eventi di un elemento, puoi ovviamente chiamarlo ogni volta che vuoi. Per esempio.

function mouseoverHandler() { 
    // Do something 
} 

// Assign function to element’s event handler 
document.getElementById('link1').onmouseover = mouseoverHandler 

// Call that function 
document.getElementById('link1').onmouseover(); 

Answer 4

È possibile raggiungere questo obiettivo affrontando tutti gli elementi nella vostra collezione, allo stesso tempo nel vostro hover gestori di eventi

var items = $(".some-class-applied-to-many-different-items"); 
items.hover(function() { 
     // Mouseover state 
     items.addClass("blah"); // <- for example 
    }, 
    function() { 
     // Mouseout state 
     items.removeClass("blah"); 
});