JavaScript鼠標事件,點擊鼠標右鍵,彈出div的簡單實例
document.oncontextmenu = function(){return false}; //禁止鼠標右鍵菜單顯示
var res = document.getElementById('box'); //找到id為box的div
document.body.onmouseup = function(e){ //在body裡點擊觸發事件
if(e.button===2){ //如果button=1（鼠標左鍵），button=2（鼠標右鍵），button=0（鼠標中間鍵）
console.log(e); //將傳進去的參數打印出來
console.log(e.offsetY); //打印出鼠標點擊的Y軸坐標
console.log(e.offsetX); //打印出鼠標點擊的X軸坐標
res.style.top = e.offsetY+'px'; //鼠標點擊時給div定位Y軸
res.style.left = e.offsetX+'px'; //鼠標點擊時給div定位X軸
res.style.display = 'block'; //顯示div盒子
}else{
res.style.display = 'none'; //否則不顯示div盒子
}
}
以上這篇JavaScript鼠標事件,點擊鼠標右鍵,彈出div的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。