猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

如何将自定义的右键菜单添加到网页中？

如何将自定义的右键菜单添加到网页中？

我想添加一个自定义右键菜单到我的web应用程序。如果不使用任何预先构建的库，就能做到这一点吗？如果是这样的话，如何显示一个不使用第三方JavaScript库的简单的自定义右键菜单？

我的目标是类似谷歌文档所做的事情。它允许用户右键单击并显示他们自己的菜单.

注：我想学习如何制造我自己的东西，而不是使用某些人已经做过的东西，因为大多数时候，那些第三方库都有很多功能，而我只想要我所需要的功能，所以我希望它完全是由我自己手工制作的。


繁花不似锦
浏览 880回答 2
2回答

HUH函数

回答你的问题-使用contextmenu事件，如下所示：<html><head><script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(document.addEventListener)&nbsp;{&nbsp;//&nbsp;IE&nbsp;>=&nbsp;9;&nbsp;other&nbsp;browsers &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.addEventListener('contextmenu',&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("You've&nbsp;tried&nbsp;to&nbsp;open&nbsp;context&nbsp;menu");&nbsp;//here&nbsp;you&nbsp;draw&nbsp;your&nbsp;own&nbsp;menu &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;false); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;//&nbsp;IE&nbsp;<&nbsp;9 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.attachEvent('oncontextmenu',&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("You've&nbsp;tried&nbsp;to&nbsp;open&nbsp;context&nbsp;menu"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.event.returnValue&nbsp;=&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;}</script></head><body>Lorem&nbsp;ipsum...</body></html>但是你应该问问自己，你真的想覆盖默认的右键点击行为吗？这取决于你正在开发的应用程序。JSFIDDLE
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript