87,901
社区成员
发帖
与我相关
我的任务
分享
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function div2() {
alert("div2");
/*
if (event.stopPropagation){
event.stopPropagation(); //兼容ie方法
} else{
event.cancelBubble = true; //兼容ie方法
}
*/
}
function div3() {
alert("div3");
event.cancelBubble = true;
}
function div1() {
alert("div1");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id ="div1" onclick="div1()">
第一层DIV
<div id="div1" onclick="div2()"> <!--此处会变乱, 会调用2个div事件-->
第二层DIV(因为已经把代码注释了, 所以这里会变乱)
<!--加event.cancelBubble=true",只调用当前div事件,不调用外层DIV事件-->
<div onclick="div3()">第三层DIV </div>
</div>
</div>
</form>
</body>
</html>
http://blog.csdn.net/IBM_hoojo/archive/2010/07/02/5708697.aspx
<script>
document.execCommand("2D-position",false,true);
</script>
<DIV contentEditable=true>
<DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">移动层</DIV>
</DIV>
IE中拖动更简单