Sprawdź, czy przycisk myszy nie działa podczas unoszenia?

Mam siatkę pól, z którymi użytkownik wchodzi w interakcje na stronie internetowej. Jeśli klikną pole, zmieni kolor. Jest sporo pudełek i chciałbym, żeby to było mniej uciążliwe, więc byłoby miło mieć taką funkcjonalność: jeśli przycisk myszy jest wyłączony i najedziesz na niego, zmieni stan. jakieś pomysły?Sprawdź, czy przycisk myszy nie działa podczas unoszenia?

Źródło

2013-02-26 prismspecs

Jest kilka dobrych odpowiedzi tutaj: http://stackoverflow.com/questions/2349764/jquery-is-mousedown-on-mouseover – MattDiamant

Możesz użyć właściwości buttons na zdarzeniu przekazanym do wywołania zwrotnego na zawiasie, aby sprawdzić, które przyciski myszy zostały naciśnięte po wywołaniu zdarzenia.

Na przykład, aby wykryć, czy lewy przycisk został naciśnięty, gdy element jest wprowadzony za pomocą myszki, można użyć:

myElement.addEventListener("mouseover", function(e){ 
    if(e.buttons == 1 || e.buttons == 3){ 
     //do some stuff 
    } 
})

Oto demonstracja tego pomysłu: http://jsfiddle.net/Ah6pw/

Przytrzymaj lewy przycisk myszy i przesuwaj myszką po różnych elementach listy.

Źródło

2013-02-26 20:27:11

To działa tylko w IE. – Jonathan

@ Jonathan true, ale będzie działać dobrze w innych przeglądarkach, używając '.which' zamiast' .buttons'. – Oak

@ Jonathan Nie testowałem intensywnie, ale wydaje mi się, że działa to również w Firefoksie. –

Zobacz wydarzenia onmousedown & onmouseup.

Źródło

2013-02-26 20:29:52 del

Znalazłem coś podobnego. Kliknięcie obiektów w pewnym obszarze, a następnie niewielka interakcja. http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html (poszukaj inspiracji w kodzie)

również te linki mogą być przydatne dla Ciebie

Źródło

2013-02-26 20:29:55 Stepo

Sprawdź, czy przycisk myszy nie działa podczas unoszenia?

Odpowiedz

Powiązane problemy