JavaScript鼠標(biāo)事件,點(diǎn)擊鼠標(biāo)右鍵,彈出div的簡(jiǎn)單實(shí)例
document.oncontextmenu = function(){return false}; //禁止鼠標(biāo)右鍵菜單顯示 var res = document.getElementById('box'); //找到id為box的div document.body.onmouseup = function(e){ //在body里點(diǎn)擊觸發(fā)事件 if(e.button===2){ //如果button=1(鼠標(biāo)左鍵),button=2(鼠標(biāo)右鍵),button=0(鼠標(biāo)中間鍵) console.log(e); //將傳進(jìn)去的參數(shù)打印出來 console.log(e.offsetY); //打印出鼠標(biāo)點(diǎn)擊的Y軸坐標(biāo) console.log(e.offsetX); //打印出鼠標(biāo)點(diǎn)擊的X軸坐標(biāo) res.style.top = e.offsetY+'px'; //鼠標(biāo)點(diǎn)擊時(shí)給div定位Y軸 res.style.left = e.offsetX+'px'; //鼠標(biāo)點(diǎn)擊時(shí)給div定位X軸 res.style.display = 'block'; //顯示div盒子 }else{ res.style.display = 'none'; //否則不顯示div盒子 } }以上這篇JavaScript鼠標(biāo)事件,點(diǎn)擊鼠標(biāo)右鍵,彈出div的簡(jiǎn)單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注