如何在HTML中实现鼠标右键功能

yangshijun 2003-12-23 04:53:38
如何在HTML中实现鼠标右键功能,请各位大大帮一下忙咯.
...全文
305 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
swich 2003-12-25
  • 打赏
  • 举报
回复
http://fason.nease.net/zhuanti/menu.htm

这里有个右键菜单很好的
wanghr100 2003-12-25
  • 打赏
  • 举报
回复
可以用层模拟

<STYLE>
.skin1 {
VISIBILITY: hidden;
WIDTH: 100px; CURSOR: default;
POSITION: absolute;
TEXT-ALIGN: center ;
BORDER:1px solid;
}
</STYLE>
<SCRIPT language="JavaScript">
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
</SCRIPT>
<DIV id=ie5menu>
<a href="http://www.cnlk.com">CNLK</a><br>
<a href="http://www.csdn.net">CSDN</a><br>
</DIV>
<SCRIPT language="JavaScript">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</SCRIPT>
无爱大叔 2003-12-23
  • 打赏
  • 举报
回复
思路:
触发页面上的右击事件。<body oncontextmenu="javascript:你的函数">
制作你的菜单(隐藏)
函数里面取鼠标的x,y坐标值当右键的时候显示在坐标点的位置。

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧