右键删除div 目前有个div(divA),点击右键弹出一个div,里面有个删除,可以删除divA这个要怎么做? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 删除按钮加个点击事件,事件函数为function del(){document.getElementById("divid").style.display = "none";}这样就把你的DIV隐藏了,要删除的话可以用document.getElementById("divid").parentNode.removeChild("divid"); 点击右键是执行浏览器的右键 一半删除都是通过左键大概思路是这样2个div层 外层position属性是relative 点击后弹出层的属性是absolute,然后点击的时候onclick="document.getElementById('你想要隐藏的div的id').display='display'" http://blog.chinaunix.net/u1/37105/showart_453637.html多用GOOGLE搜索 <script type="text/javascript"> <!-- document.onmousedown = function(e){ var e = e || window.event if(e.button == "2"){ 删除DIV的方法 } } //--> </script> <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> 是删除了这个div还只是隐藏了? 隐藏,只改变了style的display嘛删除的话就如1楼所说<INPUT TYPE="button" VALUE="删除" ONCLICK="this.parentNode.parentNode.parentNode.removeNode(this.parentNode.parentNode)"> 我觉得这种在div里面加按钮还是不好看,能不能先隐藏一个div,然后再另一个div上点击右键的时候在鼠标下方出现这个div。然后有删除(就是类似桌面应用程序的右键) 还有一点我不是很清楚,就是把鼠标放到那个带有删除的div上,改变颜色(应该属于样式吧)。那这个把鼠标放到这个div上就改变。这个要怎么做呢? 增加个事件onmouseover和onmouseout <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> javascript 在不同的服务器上运行的问题 jq判断文本框是否为空 请教关于exec() 如何在Eclipse上检查JS的语法错误 望各位前辈指点一下 jquery的疑问 在看一些JavaScript实例中总有这样一个标识符$,它是什么意思,用法是什么? 一个令人苦恼的问题 Javascript中如何操作数据库? 如何把可选框的内容全部选中? 再次请教:有关捕获IE窗口的事件的问题 JqueryUI Dialog中调用jquery ajax无效?100分求解 关于extjs Xtemplates的for循环问题
function del()
{
document.getElementById("divid").style.display = "none";
}
这样就把你的DIV隐藏了,要删除的话可以用document.getElementById("divid").parentNode.removeChild("divid");
<!--
document.onmousedown = function(e){
var e = e || window.event
if(e.button == "2"){
删除DIV的方法
}
}
//-->
</script>
<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>
是删除了这个div还只是隐藏了?
删除的话就如1楼所说<INPUT TYPE="button" VALUE="删除" ONCLICK="this.parentNode.parentNode.parentNode.removeNode(this.parentNode.parentNode)">
我觉得这种在div里面加按钮还是不好看,能不能先隐藏一个div,然后再另一个div上点击右键的时候在鼠标下方出现这个div。然后有删除(就是类似桌面应用程序的右键)
<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>