社区
CSS
帖子详情
如何在HTML中实现鼠标右键功能
yangshijun
2003-12-23 04:53:38
如何在HTML中实现鼠标右键功能,请各位大大帮一下忙咯.
...全文
336
3
打赏
收藏
如何在HTML中实现鼠标右键功能
如何在HTML中实现鼠标右键功能,请各位大大帮一下忙咯.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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坐标值当右键的时候显示在坐标点的位置。
html
右键
菜单编写,JavaScript 自定义
html
元素
鼠标
右键
菜单
功能
自定义
html
元素
鼠标
右键
菜单
实现
思路在触发contextmenu事件时,取消默认行为(也就是阻止浏览器显示自带的菜单),获取
右键
事件对象,来确定
鼠标
的点击位置,作为显示菜单的left和top值编码
实现
window.onload = function(){var menu = document.getElementById('menu');document.body.oncontextmenu =...
flex 屏蔽
鼠标
右键
屏蔽FLEX
右键
菜单以及
实现
自定义的FLEX
右键
功能
完全屏蔽FLEX
右键
菜单比当初想象的要难一些,因为大多数FLEX文档
中
仅仅介绍了如何隐藏一部分FLEX
右键
菜单,例如: var contextMenu : ContextMenu = new ContextMenu(); contextMenu.hideBuiltInItems(); // 隐藏一些内建的
鼠标
右键
菜单项 但是这个
功能
网页
中
取消
鼠标
右键
方法大全
第一种:最笨的方法把下列代码加入到与之间 function click() {if (event.button==2) {alert(九网互联http://www.ninedns.com)}}document.onmousedown=click 第二种:添加至收藏夹 function click() {if (event.button==
js
实现
右键
单击打开自定义的菜单
今天分享一个,单击
鼠标
右键
弹出自定义菜单,选
中
不同菜单选项,
实现
其对应
功能
首先先自已定义一个菜单 <div id="menu"> <ul> <li>添加</li> <li>删除</li> <li&...
很牛X的
右键
菜单
以下是代码:
右键
菜单BODY { FONT-SIZE: 12px;}.info{FONT-SIZE: 14px;color:#FFFFFF;font-family:@Tahoma,@宋体;width:20px}TABLE { CURSOR: default; FONT-SIZE: 12px; MARGIN: 0px}TR { HEIGHT: 20px}
CSS
61,120
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章