Making mousemove fire only when user is holding down the left mouse button

Question

I'm making a 360 degree image viewer (in plain JavaScript) and i'm trying to make it so that when a user mouses left or right over the image it swaps images (creating the 360 effect) but only while they're holding down their mouse button.

I tried using the event's "which" property (equals 1 in Chrome when left mouse button is held but seems to always equal 1 in Safari and FF even when the mouse button isn't being held).

check this out: http://stackoverflow.com/questions/322378/javascript-check-if-mouse-button-down — Karl Adler, May 29 '12 at 21:33
@Šime Vidas no js library for this project, just good old fashioned vanilla js. — zero, May 29 '12 at 21:45
@codewombat IE7 and 8 have different event API (`attachEvent` instead of `addEventListener`). Do you have an utility function for adding event handlers? Or how else are you doing it? — Šime Vidas, May 29 '12 at 21:51
@codewombat Which one? Is it public? Can you post the code? I cannot provide a solution without it... — Šime Vidas, May 29 '12 at 21:55
@abimelex that works superbly. i guess the real problem here is that when i start dragging in FF it starts letting me drag the image off screen(like when you try to drag an image from the browser to the desktop) is there a way to prevent that? — zero, May 29 '12 at 22:07
detailed here: http://www.develobert.info/2008/10/disable-firefox-image-drag.html — Karl Adler, May 29 '12 at 23:18
found the problem: i was using preventDefault() in mousemove instead of mousedown. — zero, May 30 '12 at 15:00

score 0 · Accepted Answer · answered Jul 05 '12 at 01:28

0

found the problem: i was using preventDefault() in mousemove instead of mousedown

answered Jul 05 '12 at 01:28

zero

2,899
8
39
63

Making mousemove fire only when user is holding down the left mouse button

1 Answers1