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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM