<强>详解引导用下拉菜单实现上下文菜单
写在前面:
所谓上下文菜单,它与一般菜单的区别在于:
通过右键触发显示在鼠标右键点击处
鼠标在别处点击后,该菜单消失
实现方法:
在html中定义一个普通的没有触发条件的下拉菜单,然后写这个菜单的父容器的监听即可实现。
代码:
& lt; div id=皊ettingInGraph”比;
& lt; ul类==安说ァ薄跋吕说ァ钡淖饔?
aria-labelledby=" dropdownMenu " id=翱旖莶说ァ北?
& lt; li> & lt; tabindex=" 1 " href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞任务指派& lt;/a> & lt;/li>
& lt; li> & lt; tabindex=" 1 " href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞任务监听& lt;/a> & lt;/li>
& lt; li> & lt; tabindex=" 1 " href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞任务表单& lt;/a> & lt;/li>
& lt;李类=胺指簟弊４? lt;/li>
& lt; li> & lt; tabindex=" 1 " href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞…& lt;/a> & lt;/li>
& lt;/ul>
& lt;/div>
之前
$ (" # settingInGraph ") .mousedown(函数(e) {
如果(3==e.which) {
文档。oncontextmenu事件=function(){返回false;}
$(" #快捷菜单”)hide ();
$(" #快捷菜单”)。attr(“风格”、“显示:块;位置:固定;上:“
+ e.pageY
+“px;左:“
+ e.pageX
+“px;宽度:180 px;”);
$(" #快捷菜单”),告诉();
}
});
$ (" # settingInGraph ") .click(函数(e) {
$(" #快捷菜单”)hide ();});
之前
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
