Dr.*_*eon 1 macos cocoa objective-c 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/
| 归档时间： |
|
| 查看次数： |
1816 次 |
| 最近记录： |