百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

自定义网页右键菜单

普通

人数664人在学习该课程,有311人已经完成该课程

时间平均用时2.4

课程概述

作业提交截止时间:04-24

任务目的

  1. 了解js中的oncontextmenu事件
  2. 了解如何获取鼠标位置
  3. 了解如何实现页面屏蔽右键菜单

任务描述

  1. 实现鼠标右击时,出现自定义菜单。点击非自定义菜单区域时,隐藏自定义菜单。参考样例(点击查看),实现页面开发,要求实现效果基本一致。
  2. 点击自定义菜单条目时,弹出菜单条目名称。

任务注意事项

  1. 自定义菜单出现在鼠标指针右下方,当右边区域不够大,展示在左下方,同理,当下方区域不够时,展示在鼠标指针上方
  2. 注意测试不同情况,尤其是极端情况下的效果
  3. 尽量不要使用第三方库,包括jQuery

参考资料

  1. oncontextmenu: 了解JavaScript中oncontextmenu的基本知识
  2. event那些事 收集整理的事件相关资料
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记
标题发布时间浏览量点赞量
自定义右键菜单2017-03-10 13:2321007
自定义网页右键菜单要点总结2017-02-28 20:3916172
个人实现方案2017-03-01 08:2415282
点击查看更多课程优秀笔记