Search code examples
jquerycontextmenuchessboard.js

Prevent mobile context menu for chessboard.js

Using chessboardjs.com. Pressing a piece brings up the context menu. enter image description here

Need to prevent this context menu appearing.

I tried this code:

$('.square-55d63').contextmenu(function(e){
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
return false;
});

It does not work.

Any help would be appreciated.

Solution

  • You can use JS / jQuery only you the thing is to bind it to the document/window. Or wrap that element in your custom element. So you can block contextmenu

    Jquery example 

    $(window).contextmenu(function(e){
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
return false;
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    JS example

    document.oncontextmenu = function(e){
 var evt = new Object({keyCode:93});
 stopEvent(e);
}
function stopEvent(event){
 if(event.preventDefault != undefined)
  event.preventDefault();
 if(event.stopPropagation != undefined)
  event.stopPropagation();
}