如何将元素的事件透传给它后面的元素？

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD><BODY>
<div id="div1" style="position:absolute;top:0px;left:0px;background-color:blue;width:400px;height:400px;" onclick="alert(1)">
</div>
<div id="div2" style="position:absolute;top:0px;left:0px;width:300px;height:300px;border:1px solid red;"></div>
</BODY>
</HTML>如何在单击div2时触发div1的onclick事件？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<body>
<div id="div1" style="position:absolute;top:0px;left:0px;background-color:blue;width:400px;height:400px;" onclick="alert(1)">
</div>
<div id="div2"  style="position:absolute;top:0px;left:0px;background-color:red;width:300px;height:300px;border:1px solid red;" onclick="document.getElementById('div1').click();"></div>
</body>
利用冒泡更简单！ <body>
<div id="div1" style="position:absolute;top:0px;left:0px;background-color:blue;width:400px;height:400px;" onclick="alert(1)">
    <div id="div2"  style="position:absolute;top:0px;left:0px;background-color:red;width:300px;height:300px;border:1px solid red;"></div>
</div>
</body>
html本身有没有这种机制？
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
window.onload=function(){
var o=document.getElementById("div2");
o.attachEvent("onclick",b);
}
function b(){
var o=event.srcElement;
//var o=document.getElementById("div2");
//alert(o.id);
//var p=o.parentNode;
//alert(p.id);
alert(o.previousSibling.id);
//for(var p in o.previousSibling){
// alert(p+":"+o.previousSibling[p]);
//}
}
</script>
</HEAD><BODY id="a">
<div id="div1" style="position:absolute;top:0px;left:0px;background-color:blue;width:400px;height:400px;" onclick="alert(1)">
</div><div id="div2"  style="position:absolute;top:0px;left:0px;width:300px;height:300px;border:1px solid red;"></div>
</BODY>
</HTML>
楼上的，我的意思是不用任何的script，也不能做div嵌套，就好像事件是直接由div1处理的
下次请把问题讲清楚，多谢！L@_@K<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title> event.srcElement.previousSibling_click </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="[email protected]" />
  <meta name="keywords" content="javascript" />
  <meta name="description" content="for javascript region of csdn" />
</head> <body>
<div id="div1" style="position:absolute;top:0px;left:0px;background-color:blue;width:400px;height:400px;" onclick="alert(1)">
</div>
<div id="div2"  style="position:absolute;top:0px;left:0px;background-color:red;width:300px;height:300px;border:1px solid red;"></div>
</body>
<script type="text/javascript">

</script>
</html>
To panxin(小新)楼上的，我的意思是不用任何的script，也不能做div嵌套，就好像事件是直接由div1处理的
=================================================================================
小新呀，你是不是发烧了？！怎么竟说胡话，哈
小新确实有点发烧了
html没有这种机制
楼上的，我的意思是不用任何的script，也不能做div嵌套，就好像事件是直接由div1处理的
-------------------------------------------------无语，俺是来学习的．
呵呵，我是看到google地图上有这样的应用，百思不得其解，所以上来问问。