风过明岚,党的纪律处分有,567fff
即使是javascript被禁止,这些右键菜单仍然能正常显示。所以,如果你想尊重用户的选择,最好的方法是用javascript来创建这些菜单元素,注入到dom元素里,这样,当javascript被禁止时,这些右键菜单也不显示了。
html5规范里有一个被大家忽略里的好东西,那就是右键菜单。html5里的右键菜单规范显示,程序员可以通过创建简单的html5menu和menuitem标记来生成右键菜单。菜单只在指定区域的右键菜单内显示。所以,你不需要再通过创建浏览器插件来实现这种效果。下面就让我来展示如何用基本的html标记来创建个性化的右键菜单!
html代码
首先我们定义一个html区域,给它分配一个id,之后我们要用到这个id:
定义好这个元素后,现在我们来创建真正的菜单元素:
注意,这里的menu标记的id和上面的contextmenu里的值是一致的,这样做的效果是,只有在上面的那个section区域里点击右键时才会显示这些右键菜单。这些菜单里可以配置菜单名,菜单图标和onclick事件,用来声明它们的意义和要执行的动作。动作可以是预先定义的javascript动作,或是执行inline的javascript代码。相同的菜单可以放到页面的多个区域,不需要重复创建。
目前只有火狐浏览器是唯一实现了这个api的浏览器。一些特别重要的功能我一般不喜欢放到右键菜单里,但有这样的功能当然是十分方便,这个api的主旨是提高易用性而不会有任何负面影响。我在菜单里放置的分享功能就是一个很好的例子。相信你在你的项目里也经常使用右键菜单,不是吗?
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
h5页面唤起app如果没安装就跳转下载(iOS和Android)
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
React Native超简单完整示例-tabs、页面导航、热更新、用户行为分析
React componentWillMount、componentDidMount、componentWillUpdate和componentDidUpdate生命周期函数的详解
详解canvas.toDataURL()报错的解决方案全都在这了
网友评论