CODEWITHSUNDEEP
jquery
cmal
cmal

Reputation: 1791

Prevent event.click from triggering event.mousemove in Safari

It seems that in jQuery, a click event on an element will automatically trigger a mousemove event for that element as well. Is there any way to prevent this?

Here is the most basic test case I could put together. For me, using a trackpad, a click on the box triggers the mousemove event. And I did not notice any movement in the mouse cursor.

http://jsfiddle.net/nay5d/

UPDATE: I have tested the code in both Safari, Chrome, and Firefox. In Safari, a click triggers mousemove. In Chrome/Firefox, it seems that a click DOES NOT trigger mousemove. Interesting.

Upvotes: 4

Views: 3191

Answers (4)

Alex
Alex

Reputation: 94

Hy guys, I tried like this and seems to work, at least in chrome

http://jsfiddle.net/ZNHDT/

$('h1').bind('mousemove', swapClass);

function swapClass() {
    $('h1').toggleClass('highlight');
}

$('h1').mousedown(function(ev){
    $("h1").unbind("mousemove");
    console.log("pippo");
})
$('h1').mouseup(function(){
    setTimeout(function(){
    $("h1").bind("mousemove", swapClass);
    },10);
});

Upvotes: 1

rxgx
rxgx

Reputation: 5160

I get the same result using a legacy method in Safari, as well. The extra mouseMove event is being triggered on mouseUp. Example: http://jsfiddle.net/s7r8d/

document.onmousemove = function(mouseEvent) {
    mouseEvent || (mouseEvent = window.event);
    var target = mouseEvent.target || mouseEvent.srcElement;
    if (target.id=="dom") {
        target.className = target.className=="highlight"
            ? ""
            : "highlight";
    }
}

Even trying to coerce the mouseUp event is unsuccessful. We can try reporting this bug to Apple to fix if it indeed is a Safari bug.

Upvotes: 1

marcosfromero
marcosfromero

Reputation: 2853

I think not, as long as your mouse is on the click area, you'll be firing the mousemove event too.

Here's an example: http://jsfiddle.net/marcosfromero/3KHQG/

Upvotes: 0

JasCav
JasCav

Reputation: 34632

I just ran a few tests, and I don't feel like this is what is happening. If you don't register a mousemove event with an element, then no event will fire. If you ARE registering a mousemove event, then you should be aware than the littlest bit of mouse movement (including the movement that happens when you click the object) will cause the mousemove event to be fired.

Depending on what you're trying to accomplish, you may want to look into one of the many other mouse events, or accomplish your functionality in a completely different manner. (If you post what your ultimate goal is for this bit of functionality, I can try to help you with that.)

Upvotes: 1

Related Questions