付费下载订单状态查询链接:点此

在浏览器中如何自定义右键菜单

学习 墨染辉夜 1599℃ 0评论

在有些网站中,为了提升用户的体验感,前端工程师往往会采用自定义右键菜单的方式来方便用户的使用。

那么,这是怎么做到的呢?方法有多种,这里就说最好理解、同时兼容性也比较好的一种。

首先讲一下原理:

1、使用 jQuery 事件 – preventDefault() 来阻止元素发生默认的行为(比如阻止点击a标签打开链接 $("a").click(function(event){ event.preventDefault(); }); )。

2、使用 jQuery 事件 – contextmenu() 添加右键触发后面的事件。

3、添加事件 在右键单击位置弹出菜单。

点击预览效果


代码如下:

菜单列表

菜单样式

JS

PS:这插件高亮好像有问题ヽ(`⌒´)ノ

我的文章对您有帮助吗?
支付宝免费打赏
现在支付宝超抠门的,红包只给一两毛钱了
手机打赏 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址