[封装插件]网页开发右键菜单栏

最新推荐文章于 2022-10-10 15:45:49 发布

Byte_Dance

最新推荐文章于 2022-10-10 15:45:49 发布

阅读量234

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/Byte_Dance/article/details/78962849

版权

JS 专栏收录该内容

72 篇文章 1 订阅

订阅专栏

<！DOCTYPE HTML >
 <HTML LANG = “EN” >
 <HEAD>
     <META 字符集= “UTF-8” >
     <标题>开发右键菜单</ title>
     <脚本类型= “文/ JavaScript的” SRC = “$函数.js“ > </ script>
     <style>
 * {
             margin：0 ;
填充：0 ;
}
         #divid {
             display：none ;
位置：绝对;
箱阴影                                                    ：2 px 2 px 5 px black ;
        }
         #ulid {
             width：200 px ;
身高：220 像素;
list-style：none ;
border：1 px solid ＃c2c2c2 ;
font-size：10 px ;
填充：0 ;
}                                                                    

        。li {
             padding：4 px ;
填充左：30 像素;
}                    
        
        li：hover {
             background：#efefef ;
/ * background：＃a7a69e; * /
 }
         a {
             text-decoration：none ;
颜色：＃000 ;
}
     </样式>
 </ HEAD>
 <BODY>
 <DIV>
 </ DIV>
     <DIV ID = “DIVID” >
         <UL ID = “ULID” >
             <a href= "#"> <LI 类= “里” >返回</ LI> </A>
             <a href= "#"> <LI 类= “里” >前进</ LI> </A>
             <a href= "#"> <LI 类= “里” >重新加载（R）</ LI> </A>
             <HR>
             <a href= "#"> <LI 类= “里” >另存为</ LI> </A>
             <A HREF = “＃” > <LI 类= “里” >打印</ LI> </A>
             <a href= "#"> <LI 类= “里” >投射</ LI> </A>
             <A HREF = “＃” > <LI 类= “里” >翻译成中文（简体）（T）</ LI> </A>
             <HR>
             <a href= "#"> <LI 类= “里” >查看网页源代码< / LI> </A>
             <a href= "#"> <LI 类= “里” >检查</ LI> </A>
         </ UL>
     </ DIV>
     <脚本类型= “文本/ JavaScript的” >
 //获取鼠标右键点击
 文档。oncontextmenu = function（event）{
             //获取点击在页面中的坐标，忽略滚动条
 var x = event。pageX ;
var y = event。pageY ;
//将div改为显示
 $（“divid”）。风格。display = “block” ;
//把获取的坐标赋值给div的定位属性top和left
 $（“divid”）。风格。top = y + “px” ;
$（“divid”）。风格。left = x + “px” ;
返回false ;
}
         文件。onclick = function（）{
             $（“divid”）。风格。display = “none” ;
}
     </ script>
 </ body>
 </ html>

Byte_Dance

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
[封装插件]网页开发右键菜单栏

&lt;！DOCTYPE HTML &gt; &lt;HTML LANG = “EN” &gt; &lt;HEAD&gt; &lt;META 字符集= “UTF-8” &gt; &lt;标题&gt;开发右键菜单&lt;/ title&gt; &lt;脚本类型= “文/ JavaScript的” SRC = “$函数.js“ &gt; &lt;/ scrip
复制链接

扫一扫

专栏目录