700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html如何取消右键弹框 鼠标点击事件(屏蔽右键菜单 弹出自定义菜单)

html如何取消右键弹框 鼠标点击事件(屏蔽右键菜单 弹出自定义菜单)

时间:2021-05-03 07:41:28

相关推荐

html如何取消右键弹框 鼠标点击事件(屏蔽右键菜单 弹出自定义菜单)

/*跟运动相关的模块都需要绝对定位*/

#idv1 {background: #CCCCCC;display: none;width: 50px;position: absolute;}

//鼠标右键默认菜单事件

document.oncontextmenu = function(ev) {

var oevent = ev || event;

var div1 = document.getElementById('idv1');

//弹出自定义菜单

div1.style.display = 'block';

//设置自定义菜单的坐标,达到鼠标右键的地方弹出自定义菜单

div1.style.left = oevent.clientX + 'px';

div1.style.top = oevent.clientY + 'px';

//屏蔽右键默认菜单

return false;

}

//点击页面任一地方,收起自定义菜单

document.onclick = function() {

var div1 = document.getElementById('idv1');

div1.style.display = 'none';

}

1234

本文来源于网络:查看>/youcandomore/p/6726374.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。