JavaScript mouse event click the right mouse button to pop up a simple example of div

  • 2021-07-07 06:31:03
  • OfStack

JavaScript mouse event, click the right mouse button to pop up a simple example of div


document.oncontextmenu = function(){return false};   // Disable the display of the right mouse button menu 
   var res = document.getElementById('box');   // Find id For box Adj. div
   document.body.onmouseup = function(e){   // In body Click trigger event in 
    if(e.button===2){    // If button=1 (Left mouse button), button=2 (Right mouse button), button=0 (Middle mouse button) 
      console.log(e);   // Print out the passed parameters 
      console.log(e.offsetY);   // Print out the mouse clicked Y Axial coordinates 
      console.log(e.offsetX);   // Print out the mouse clicked X Axial coordinates 
      res.style.top = e.offsetY+'px';   // Give it when the mouse clicks div Positioning Y Shaft 
      res.style.left = e.offsetX+'px';  // Give it when the mouse clicks div Positioning X Shaft 
      res.style.display = 'block';    // Display div Box 
    }else{
      res.style.display = 'none';     // Otherwise, it is not displayed div Box 
    }
    
   }

Related articles: