首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

关于event.srcElement的一些有关问题

2012-05-24 
关于event.srcElement的一些问题!htmlheadstyle typetext/css#shovel{background-image:url(Ima

关于event.srcElement的一些问题!
<html>
<head> 
<style type="text/css">
#shovel
{
background-image:url("Images/Custom/ShovelBank.png");
background-repeat:no-repeat;
}
img
{
cursor:pointer;
}
</style> 
<script type="text/javascript">
function abc()
{
var e = event.srcElement;
alert(e.id);
alert(e.src);
}
</script>
</head> 
<body> 
<div id="shovel" onclick="abc()">
<img src="Images/Custom/Shovel.png"></img>
</div>
</body> 
</html>

需要说明一下,div的背景图片和img的图片大小是一样的;
问题在于:每次我点击这个div层的时候,
e.id输出是空,反倒是e.src是img的src,
也就是说event.srcElement是img,
这样小弟就很不解了,我明明是在div上挂载的onclick事件,
结果却是img触发的,彻底晕了,望高手指点!

[解决办法]
楼主 看似是点的div 但实际是点的img

HTML code
<html><head>  <style type="text/css">#shovel{background-image:url("Images/Custom/ShovelBank.png");background-repeat:no-repeat;}img{cursor:pointer;}</style>  <script type="text/javascript">function abc(ee){var e = ee.srcElement || ee.target;alert(e.id);alert(e.src);}</script></head>  <body>  <div id="shovel" onclick="abc(event)">123<img src="Images/Custom/Shovel.png"></img></div></body>  </html> 

热点排行