mouseover mouseout i click Opcje

[bor1904]

Witam,
Niby banalna sprawa a jednak nie moge wpaść na proste rozwiązanie,

Mam kilka obiektów które po najechaniu przewijają swój bckg na czarnobiały ipo zdjęciu kursowa wracają na swoje miejsce.
Chciałbym by po click zostawał monochromatyczny widok (czyli nie zadziałało mouseover)...

Jak to zrobić najlepiej?

dziekuje

[Talidali]

Daj kod na jsfiddle.net

[kamil4u]

W zadzrzeniu click usunąć callback ze zdarzenia mouseover.

W zależności od metody:
- this.onmouseover = null;
- removeEventListener

[bor1904]

Witam,
Po całonocnej lekturze myśle że zrobiłem to najbardziej poprawnie jak się da tzn. wykorzystałem funkcje on/off (stare bind/unbind).

Podpiąłem do danego obiektu wszystkie 3 zdarzenia przy czym zdarzenie click odpinało od obiektu powiązanie z mouseout... i to cała histroyja.


pozdrawiam i dziekuje za kontakt

[kamil4u]

Czyli tak jak pisałem. Nie wspominałeś, że korzystasz z jQuery, dlatego podałem rozwiązanie w czystym JS

[Crozin]

Obsługę "po najechaniu" możesz zrobić w czystym CSS-ie, zaś obsługę "po kliknięciu" częściowo w JS-ie trzeba.

[HTML] pobierz, plaintext 
<div class="myElement">xx</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$("myElement").on("click", function() {
    $(this).toggleClass("clicked");
});
[JAVASCRIPT] pobierz, plaintext 

[CSS] pobierz, plaintext 
.myElement {
    width: ...px;
    height: ...px;
 
    background: url(...) no-repeat;
}
 
.myElement:hover, .myElement.clicked {
    background-position: 50% 0;
}
[CSS] pobierz, plaintext