javascript鼠标事件,点击鼠标右键,弹出一个简单的div示例

javascript鼠标事件,点击鼠标右键,弹出一个简单的div示例


document.oncontextmenu =功能({ return false;}) / /从鼠标右键菜单显示
VaR既= document.getelementbyid('box '); / / ID框div找到
document.body.onmouseup =功能(e){ / /身体点击触发事件
如果(e.button = = = 2){ / /如果按钮= 1(鼠标左键),按键= 2(鼠标右键),按键= 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 display box
其他{ }
res.style.display =没有人'; / /或不显示div框
}

}


以上Javascript鼠标事件,点击鼠标右键,弹出一个简单的例子,div是萧边分享给你的所有内容,希望能给大家一个参考,我希望你能支持它。