博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js进阶 12-18 jquery如何实现自定义右键菜单(把问题分细)
阅读量:7228 次
发布时间:2019-06-29

本文共 855 字,大约阅读时间需要 2 分钟。

js进阶 12-18  jquery如何实现自定义右键菜单(把问题分细)

一、总结

一句话总结:用鼠标右键事件contextmenu,阻止系统默认事件,让做好的右键菜单显示出来,并且显示在我们出现的位置上即可。

 

1、鼠标右击事件是什么事件?

contextmenu事件

 

2、自己遇到功能要实现,而之前没学过怎么办(不可能把所有的功能都讲到都学到)?

先把功能分类,找到是哪一块 然后去查这一块的手册

 

3、要做自己的右键菜单,那么对于系统的右键菜单我们如何操作?

禁止掉,用e.preventDefault阻止掉,return false也可以

26     $(document).contextmenu(function(e){27 $('#right_menu').show() 28 $('#right_menu').offset({ 29 left:e.pageX, 30 top:e.pageY 31 }) 32 return false 33 //e.preventDefault() 34 })

 

 

 

二、jquery如何实现自定义右键菜单

1、相关知识

自定义右键菜单

案例描述:实现一个自定义的右键菜单.

案例重点:该案例使用了contextmenu 事件,课程中并未讲过该事件,但是用法和其他事件一样,下午大家能够做到举一反三,遇到没讲过的东西可以自己动手查手册和资料来解决,毕竟课程只是辅助学习,不可能把所有的东西都讲到。

 

2、代码

1  2  3  5  6     
7 演示文档 8 9 14 15 16 17
18
    19
  • 收藏......
  • 20
  • 分享......
  • 21
  • 转发......
  • 22
  • ......
  • 23
24
25 39 40

 

 

 

 

 

转载地址:http://esdfm.baihongyu.com/

你可能感兴趣的文章
Elasticsearch数据建模-关联查询
查看>>
我的友情链接
查看>>
CentOS 下安装 Lnmp
查看>>
redis系列:通过日志案例学习string命令
查看>>
世界冠军之路:菜鸟车辆路径规划求解引擎研发历程
查看>>
Linux-sendmail
查看>>
关于BSTR的困惑
查看>>
什么时候使用HashMap?它有什么特点?
查看>>
框架名
查看>>
编译安装PHP
查看>>
插入透明背景Flash的HTML代码
查看>>
无标题
查看>>
我的友情链接
查看>>
Web前端入门学习(3)——CSS选择器
查看>>
DNS的搭建
查看>>
Apache/Nginx 访问日志分析脚本
查看>>
Curator的使用
查看>>
第五章 集合类型
查看>>
我的友情链接
查看>>
nagios监控服务出现FLAPPING状态时无法发出邮件报警信息
查看>>