jQuery mouseup function on left mouse button only?

Question

I have this element which animates on a mouseup function, but right now, it works for both the left and right buttons. Is there any way to only use the left button?

$(document).ready(function() {
    $("div").mouseup(function() {
        top: "-101%"
    });
});

Well, as you can see, if you click with the *left* mouse button, it displays the alert, which is fine. But you can also use the *right* mouse button, and I want to disable right-button functionality. — ModernDesigner, Dec 27 '12 at 01:33
Hmm, it seems to be platform-specific. Try this one: http://jsfiddle.net/5etzp/1/ — Blender, Dec 27 '12 at 01:35
Perfect! It works. Thanks. If you want to answer the question with that solution I would be happy to accept it. Otherwise I'll answer it. — ModernDesigner, Dec 27 '12 at 01:38

score 14 · Accepted Answer · answered Dec 27 '12 at 01:37

14

You can check to see which mouse button was pressed using e.which (1 is primary, 2 is middle and 3 is secondary):

$(document).ready(function() {
    $("div").mouseup(function(e) {
        if (e.which != 1) return false;    // Stops all non-left-clicks

        ...
    });
});

answered Dec 27 '12 at 01:37

Blender

289,723
53
439
496

2

For me `event.which` returned different values in different browsers. `event.button` worked for me (0 = left, 1 = middle, 2 = right). – panzi Jul 19 '13 at 17:55
@panzi: Are you using jQuery? If so, what version? – Blender Jul 19 '13 at 18:24
Yes, I use jQuery 1.9.1. – panzi Jul 23 '13 at 14:47

jQuery mouseup function on left mouse button only?

1 Answers1

Linked