stopPropagation() not working for right click in firefox

Question

I'm facing a weird issue in firefox . stopPropagation() not working for right click in firefox in my code but if I use an alert or breakpoint before the code it will work. it working smoothly in ie,safari,chrome,opera my code is given below

jquery

$("#div-login").click(function (e) {
    e.stopPropagation();
});

then this

$("#div-login").mousedown(function (e) {
   e.stopPropagation();
});

and this too

    $("#div-login").click(function (e) {
     if(e.button ===2)
       e.stopPropagation();
    });

markup

<div="div-login">
  <fieldset>
         ---markup----
                        </fieldset>
</div>

but none of the above code is working for right click in firefox but working without a problem for left-click

I couldn't find out the problem please help....

Check this one, it may answer your question http://stackoverflow.com/questions/18676412/right-click-stop-propagation — Chakravarthy S M, Jul 25 '14 at 05:58

score 1 · Answer 1 · answered Jul 25 '14 at 05:59

1

try contextmenu, like:

$('#div-login').on("contextmenu",function(e){
   e.stopPropagation();
});

or

$('#div-login').on("click",function(e){
   if(e.which == 3) {  //right click
       e.stopPropagation();
   }
});

answered Jul 25 '14 at 05:59

Sudhir Bastakoti

97,363
15
155
158

nope not working , I tried Both – Optimus Jul 25 '14 at 06:06

score 0 · Answer 2 · edited May 23 '17 at 12:14

0

I think what you need is the contextmenu event

$("#div-login").on('contextmenu',function (e) {
    e.stopPropagation();
});

Demo: Fiddle

Also see: Can't use jquery's click event handler to detect right click

edited May 23 '17 at 12:14

Community

1
1

answered Jul 25 '14 at 05:58

Arun P Johny

376,738
64
519
520

nope still not working – Optimus Jul 25 '14 at 06:06

score 0 · Answer 3 · answered Jul 25 '14 at 07:07

HTML

<div id="box">
    <div id="div-login"></div>
</div>

jQuery

$('#div-login').on('mousedown', function (e) {
    if(e.button == 2 ) e.stopPropagation();
});

$('#box').on('mousedown', function () {
    alert('Right');
});

Works fine for me in FF and Chrome

DEMO with stopPropagation()

DEMO without stopPropagation()

stopPropagation() not working for right click in firefox

3 Answers3