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
}
}