`
zhangyaochun
  • 浏览: 2609229 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html5 右键菜单案例

阅读更多

 

   contextmenu属性

 

  • html5中,元素新增这个属性

 

<div contextmenu="myMenu">可以通过contextmenu指定对应id,右键我试试哈</div>

 

   然后就用到menu 标签了,别忘了设置type为context:

 

<menu id="myMenu" type="context">
	<menuitem icon="*.gif" label="测试1" onclick="test(this)"></menuitem>
	<menuitem icon="*.gif" label="测试2" onclick="alert(2)"></menuitem>
</menu>

 

  • menuitem有以下属性:
  1. label             菜单显示的名称
  2. icon              菜单左侧的图标
  3. onclick        点击菜单触发的事件

 

分享到:
评论

相关推荐

    高德地图实现绘制覆盖物,自定义右键菜单

    本项目聚焦于利用高德地图js-api实现绘制覆盖物,以及自定义右键菜单的功能。 首先,我们来探讨“绘制覆盖物”这一概念。在高德地图API中,覆盖物是指可以在地图上绘制的各种图形,如点、线、面等。在这个项目中,...

    tree+完美右键菜单

    综上所述,"Tree+完美右键菜单"是一个结合了HTML、CSS和JavaScript技术的实践案例,旨在创建一个功能强大且用户体验良好的树形结构右键菜单。通过理解并应用这些知识点,开发者可以为他们的Web应用增添更多互动性和...

    基于bootstrap的右键菜单例子

    在本案例中,我们关注的是如何利用Bootstrap构建一个基于表格的右键菜单。右键菜单是一种常见的交互元素,它在用户点击鼠标右键时出现,提供一系列可选操作。在网页中,这种功能通常通过JavaScript和jQuery实现,与...

    好看的javascript网页鼠标右键菜单

    在这个特定的案例中,"好看的javascript网页鼠标右键菜单"是利用JavaScript实现的一种增强用户界面的技巧。通常,网页上的鼠标右键点击事件会被浏览器默认的上下文菜单所捕获,但通过自定义JavaScript代码,我们可以...

    jQuery带音效圆形右键菜单代码.zip

    在本案例中,jQuery被用来创建一个圆形的右键菜单。这种菜单设计打破了常规,将原本矩形排列的选项改为了圆形分布,这不仅视觉上新颖,也符合人体工程学,用户可以更直观地通过鼠标角度选择相应的菜单项。同时,菜单...

    jsMind思维导图整合Easyui的鼠标右键菜单

    在这个案例中,"鼠标右键菜单"的添加是关键一步。通常,鼠标右键菜单能提供额外的操作选项,使得用户在不离开当前视图的情况下执行更多操作。这对于思维导图这种需要频繁交互的工具来说尤为重要。 要实现这个功能,...

    JS的无限极PopUP右键菜单美化版

    在本案例中,我们探讨的是一个使用JavaScript实现的无限极PopUP右键菜单的美化版。这个菜单系统允许用户在网页上通过鼠标右键触发,呈现出层次分明、美观的下拉选项。 首先,让我们来理解"PopUP"的概念。PopUP在Web...

    jqery鼠标右键菜单

    要创建一个jQuery鼠标右键菜单,首先需要在HTML中定义菜单的结构,通常是一个隐藏的`&lt;ul&gt;`列表。例如: ```html ;"&gt; 菜单项1 菜单项2 菜单项3 ``` 然后,我们可以使用jQuery的`.on()`方法来监听`contextmenu`...

    一个右键菜单,支持不同对象不同菜单,兼容IE、Firefox

    标题中的“一个右键...总的来说,这个项目展示了Web开发中的一个常见需求和解决方案,即创建自定义的右键菜单,同时考虑到了浏览器兼容性问题,这对于任何希望提升网站交互性的开发者来说都是一个有价值的实践案例。

    开源 CHROME 多搜索 右键菜单

    标题 "开源 CHROME 多搜索 右键菜单" 指的是一个针对谷歌浏览器(Chrome)的开源扩展程序,它增强了浏览器的右键菜单功能,让用户在点击右键时能够选择多个搜索引擎进行搜索,而不仅仅是默认的谷歌搜索。这个扩展...

    针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)

    `jquery.ui.click.html`可能是演示页面,用于展示如何触发右键菜单的HTML文件,它可能包含了与jQuery UI相关的代码,以便于用户界面的美化和交互。`jquery-1.8.2.min.js`是jQuery的核心库,这是实现JavaScript操作的...

    dtree+右键菜单(超级简单实现)

    在Web开发中,创建交互式的树形节点结构并结合右键菜单功能是一项常见的需求,尤其在数据管理和系统配置等场景中。"dtree+右键菜单"是一个简单易懂的解决方案,旨在提供一种直观的方式来展示层次结构数据,并通过...

    jQuery css3仿游戏网站右键环形菜单代码

    3. **右键菜单**:右键菜单是用户界面设计中的一个重要元素,通常在用户右键点击某个元素时弹出,提供额外的操作选项。在这个项目中,环形菜单是一种创新的设计,不同于传统的下拉列表,它以环形布局展示菜单项,更...

    jQuery鼠标右键多级导航菜单.zip

    在这个案例中,我们关注的是`contextmenu`事件,它会在用户尝试打开右键菜单时触发。通过监听这个事件,我们可以阻止默认的右键菜单出现,并显示自定义的多级菜单。 3. **DOM操作**:在菜单显示之前,我们需要构建...

    鼠标右键事件.html

    一个简单的html文件,用于演示鼠标右键...使用原生JavaScript编写,可以区分鼠标左键单击,右键单击,滚轮单击事件,在右键时可以弹出一个提供选择的菜单,并且阻止鼠标原生的右键消息,在菜单外任意单击左键,菜单消失

    一个基于jQuery +ASP.NET实现的树型控件Treeview右键菜单Context Menu 源码例子

    在这个案例中,ASP.NET可能用于后台数据处理,如获取或更新树型控件的数据,或者处理由右键菜单触发的用户操作。 树型控件(TreeView)是Web开发中常见的UI元素,它能够以层级结构展示数据。在ASP.NET中,TreeView...

    dTree+JQuery右键菜单(增删改)

    在这个案例中,"dTree+JQuery右键菜单(增删改)"是一个结合了JavaScript库dTree和jQuery实现的功能增强,特别是针对树形结构数据的管理。dTree是一款轻量级的JavaScript库,用于创建交互式的树形菜单,而jQuery则是...

    jquery右键菜单

    在本案例中,我们讨论的是如何利用jQuery实现一个右键菜单功能,这个功能包括常见的复制、全选、粘贴和剪切操作,并且特别强调了在IE浏览器中的兼容性。 首先,我们要理解jQuery是如何创建和操作DOM元素的。在...

    很酷的右键弹出菜单

    1. JavaScript代码:这部分代码会监听鼠标的contextmenu事件(即右键点击事件),并阻止浏览器的默认右键菜单显示。然后,根据需求动态创建自定义的菜单元素,并将其定位在鼠标点击的位置。 2. HTML结构:菜单的每...

    商业编程-源码-Asp.net2.0创建自定义右键菜单控件源码.zip

    5. **CSS样式与布局**:自定义右键菜单的显示样式通常由CSS控制,包括位置、颜色、字体等。开发者需要理解CSS盒模型、定位(positioning)和浮动(floating)等概念,以便正确地在网页上呈现菜单。 6. **服务器控件...

Global site tag (gtag.js) - Google Analytics