javascript - e.preventDefault() not working, but event data is correct -

i have event listeners applied 2 elements react mousedown event. work fine, causes right click menu appear trying prevent.

i not understanding why not working. code:

function movediv(e){         e.preventdefault();    //not working      if(e.button == 2){     //works on right click only, e correct data         console.log(this); //works - shows element data     } }  function load(){          function addevents(){                    var d = getdiv('overview'); //getdiv gets element id             d.addeventlistener('mousedown',movediv,false);         var d = getdiv('login_data');             d.addeventlistener('mousedown',movediv,false);     }      templateload('main.html',addevents); //works: async loads page, call function 'addevents'   }  load(); 

i have added comments show lines working, tested using console.log. e correct given e.button responds on right click, don't know why e.preventdefault() fails work in case.

you need add event listener contextmenu event, eg

.addeventlistener('contextmenu', function(e) {     e.preventdefault(); }, false); 

jsfiddle