数码资讯
javascript鼠标事件,点击鼠标右键,弹出一个简单的div示例
javascript鼠标事件,点击鼠标右键,弹出一个简单的div示例 document.oncontextmenu =功能({ return false;}) / /从鼠标右键菜单显示 VaR既= document.getelementbyid('box '); / / ID框div找到 docum
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
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是萧边分享给你的所有内容,希望能给大家一个参考,我希望你能支持它。
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是萧边分享给你的所有内容,希望能给大家一个参考,我希望你能支持它。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。