[英]Show contextual menu on ctrl-click/right-click on header of NSTableView
[英]Disable right-click menu on WebView
好吧,这正是我需要做的:
当在用户右键点击WebView
,典型的菜单(没有“刷新”,等等)应该不会出现。
如何才能做到这一点? 有任何想法吗?
PS另外:是否可能显示自定义菜单?
使用html阻止上下文菜单很简单:
<body oncontextmenu="return false;">
或使用javascript(jquery):
$(document).bind(“contextmenu”, function (e) {
e.preventDefault();
});
或者,如果您想使用javascript显示自定义html上下文菜单...
HTML:
<div id="context-menu">
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</div>
<div id="op">Right click anywhere!</div>
CSS:
#context-menu {
display: none;
position: fixed;
border: 1px solid #ddd;
background: white;
box-shadow: 2px 2px 1px grey;
}
#context-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
#context-menu li {
width:150px;
padding: 5px 8px;
}
#context-menu li:hover {
background:#eaeaea;
cursor:pointer;
}
JS:
function startFocusOut() {
$(document).on("click", function () {
$("#context-menu").fadeOut(20); // To hide the context menu
$(document).off("click");
});
}
$(function(){
$(document).bind("contextmenu", function (e) {
e.preventDefault(); // To prevent the default context menu.
$("#context-menu").css("left", e.pageX); // position with cursor
$("#context-menu").css("top", e.pageY);
$("#context-menu").fadeIn(20, startFocusOut()); // show the menu
});
$("#context-menu li").click(function () {
$("#op").text("You have selected " + $(this).text()); // Performing the selected function.
});
});
Jsfiddle: http : //jsfiddle.net/VRy93/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.