右键删除div

Question

目前有个div（divA），点击右键弹出一个div，里面有个删除，可以删除divA
这个要怎么做？

Answer 1

删除按钮加个点击事件，事件函数为
function del()
{
document.getElementById("divid").style.display = "none";
}
这样就把你的DIV隐藏了，要删除的话可以用document.getElementById("divid").parentNode.removeChild("divid");

Answer 2

点击右键是执行浏览器的右键  一半删除都是通过左键大概思路是这样2个div层 外层position属性是relative   点击后弹出层的属性是absolute，然后点击的时候onclick="document.getElementById('你想要隐藏的div的id').display='display'"

Answer 3

http://blog.chinaunix.net/u1/37105/showart_453637.html多用GOOGLE搜索

Answer 4

<script type="text/javascript">
 <!--
    document.onmousedown = function(e){
        var e = e || window.event
        if(e.button == "2"){
               删除DIV的方法
        }
    }
 //-->
 </script>

Answer 5

<SCRIPT LANGUAGE="JavaScript">
<!--
function rclick(){
document.getElementById("rdiv").style.display = "";
event.returnValue=false;
}
//-->
</SCRIPT>
  <div id="divA" oncontextmenu="rclick()">divA
<div id="rdiv" style="display:none">
<INPUT TYPE="button" VALUE="删除" ONCLICK="this.style.display='none';this.parentNode.parentNode.style.display='none'">
</div>
  </div>

Answer 6

是删除了这个div还只是隐藏了？

Answer 7

隐藏，只改变了style的display嘛
删除的话就如1楼所说<INPUT TYPE="button" VALUE="删除" ONCLICK="this.parentNode.parentNode.parentNode.removeNode(this.parentNode.parentNode)">

Answer 8

我觉得这种在div里面加按钮还是不好看，能不能先隐藏一个div，然后再另一个div上点击右键的时候在鼠标下方出现这个div。然后有删除（就是类似桌面应用程序的右键）

Answer 9

还有一点我不是很清楚，就是把鼠标放到那个带有删除的div上，改变颜色（应该属于样式吧）。那这个把鼠标放到这个div上就改变。这个要怎么做呢？

Answer 10

增加个事件onmouseover和onmouseout

Answer 11

<SCRIPT LANGUAGE="JavaScript">
<!--
var obj;
    function rclick(Odiv){
obj = Odiv;
var rdiv = document.getElementById("rdiv");
rdiv.style.left = event.x;
rdiv.style.top = event.y;
        rdiv.style.display = "";
        event.returnValue=false;
    }
function remove(){
obj.parentNode.removeNode(obj);
}
//-->
</SCRIPT>
<div id="divA" oncontextmenu="rclick(this)">divA</div>
<div id="rdiv" style="position:absolute; display:none">
<INPUT TYPE="button" VALUE="删除" ONCLICK="remove()">
</div>