怎样让div支持右键菜单？

Question

不知道你是不是這個意思
oncontextmenu="menu.style.display='';alert(memu.id);return false;"

Answer 1

http://www.scriptlover.com/controls/context/楼主不用给我分了 ，去我的网站转转就可以了，谢谢。

Answer 2

我的站点是：http://www.scriptlover.com/

Answer 3

<div oncontextmenu="showdiv(this)" style="width:200px; height:100px; background:#FF0000;" id="DIV1"></div><div id="Menu1" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;">
    <li>打开</li>
    <li>打印</li>
    <li>回复发件人</li>
    <li>全部回复</li>
    <li>转发</li>
    <li>分配</li>
    <li>垃圾邮件</li>
    <li>删除</li>
    <li>归档此邮件</li>
    <li>分拣此邮件</li>
</div>
<script>
function showdiv(obj){
alert(obj.id)
document.getElementById("Menu1").style.display="block";
document.getElementById("Menu1").style.left=100;
document.getElementById("Menu1").style.top=100;
event.returnValue=false;event.cancelBubble=true;}
</script>
一个简单的

Answer 4

<div oncontextmenu="showdiv(this)" style="width:200px; height:100px; background:#FF0000;" id="DIV1"></div><div id="Menu1" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;" onblur="this.style.display='none'">
    <li>打开</li>
    <li>打印</li>
    <li>回复发件人</li>
    <li>全部回复</li>
    <li>转发</li>
    <li>分配</li>
    <li>垃圾邮件</li>
    <li>删除</li>
    <li>归档此邮件</li>
    <li>分拣此邮件</li>
</div>
<script>
function showdiv(obj){
//alert(obj.id)
document.getElementById("Menu1").style.display="block";
document.getElementById("Menu1").style.left=100;
document.getElementById("Menu1").style.top=100;
document.getElementById("Menu1").focus();
event.returnValue=false;event.cancelBubble=true;}
</script>

Answer 5

function hidemenuie() {
document.getElementById("Menu1").style.display = "none";
}
document.onclick=hidemenuie;
加上这2个即可

Answer 6

<div id="Menu1" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;">
    <li>打开</li>
    <li>打印</li>
    <li>回复发件人</li>
    <li>全部回复</li>
    <li>转发</li>
    <li>分配</li>
    <li>垃圾邮件</li>
    <li>删除</li>
    <li>归档此邮件</li>
    <li>分拣此邮件</li>
</div>
<script>
function showdiv(obj){
alert(obj.id)
document.getElementById("Menu1").style.display="block";
document.getElementById("Menu1").style.left=100;
document.getElementById("Menu1").style.top=100;
event.returnValue=false;event.cancelBubble=true;}
function hidemenuie() { 
document.getElementById("Menu1").style.display = "none"; 
} 
document.onclick=hidemenuie; 
</script>

Answer 7

<div id="Menu1" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;">
    <li>打开</li>
    <li>打印</li>
    <li>回复发件人</li>
    <li>全部回复</li>
    <li>转发</li>
    <li>分配</li>
    <li>垃圾邮件</li>
    <li>删除</li>
    <li>归档此邮件</li>
    <li>分拣此邮件</li>
</div>
<script>
function showdiv(obj){
alert(obj.id)
document.getElementById("Menu1").style.display="block";
document.getElementById("Menu1").style.left=100;
document.getElementById("Menu1").style.top=100;
event.returnValue=false;event.cancelBubble=true;}
function hidemenuie() { 
document.getElementById("Menu1").style.display = "none"; 
} 
document.onclick=hidemenuie; 
</script>

Answer 8

<div oncontextmenu="showdiv(this,event)" style="width:200px; height:100px; background:#FF0000;" id="DIV1"></div>
<div id="Menu1" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;">
    <li>打开</li>
    <li>打印</li>
    <li>回复发件人</li>
    <li>全部回复</li>
    <li>转发</li>
    <li>分配</li>
    <li>垃圾邮件</li>
    <li>删除</li>
    <li>归档此邮件</li>
    <li>分拣此邮件</li>
</div>
<script>
function showdiv(obj,event){
var e=window.event||event;
alert(obj.id)
document.getElementById("Menu1").style.display="block";
document.getElementById("Menu1").style.left=100+"px";
document.getElementById("Menu1").style.top=100+"px";
e.returnValue=false;
e.cancelBubble=true;
}
function hidemenuie() {
document.getElementById("Menu1").style.display = "none";
}
document.onclick=hidemenuie;
</script>
这样才兼容FF

Answer 9

是不是这个意思？
<div oncontextmenu="showdiv(this)" style="width:200px; height:100px; background:#FF0000;" id="DIV1"> </div> <div id="Menu1" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;" onblur="this.style.display='none'"> 
    <li>打开 </li> 
    <li>打印 </li> 
    <li>回复发件人 </li> 
    <li>全部回复 </li> 
    <li>转发 </li> 
    <li>分配 </li> 
    <li>垃圾邮件 </li> 
    <li>删除 </li> 
    <li>归档此邮件 </li> 
    <li>分拣此邮件 </li> 
</div> 
<script> 
function showdiv(obj){ 
//alert(obj.id) 
document.getElementById("Menu1").style.display="block"; 
document.getElementById("Menu1").style.left=event.clientX; 
document.getElementById("Menu1").style.top=event.clientY; 
document.getElementById("Menu1").focus(); 
event.returnValue=false; event.cancelBubble=true; } 
</script>