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

Daj kod na jsfiddle.net

W zadzrzeniu click usunąć callback ze zdarzenia mouseover.

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

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

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

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