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的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。