如何屏蔽body事件

ZXHCAO 2006-03-24 11:50:13

目的：点链接时只激发href的onclick事件，屏蔽Body的onclick事件。
（点链接时显示层，点body时隐藏层）
-------------------------------------

<div id="ad100" name="ad100" style="position: absolute; top: 10; right: 10; width: 300; height: 300;cursor:hand; background-color:c0c0c0; display:none">
</div>

<div id="xx">
<a href="#" onclick="return show();" > AAAAAAAAAAAAAAAAAA </a> <br>
<a href="#" onclick="return show();" > BBBBBBBBBBBBBBBBBB </a> <br>
<a href="#" onclick="return show();" > CCCCCCCCCCCCCCCCCC </a> <br>
</div>

<script language="javascript">
function show()
{
alert( ad100.style.display );
ad100.style.display="block";
}
function hidden()
{
alert( ad100.style.display );
ad100.style.display="none";
}
</script>

<html>
<head><title> Test </title></head>
<body onclick="return hidden();">

<table width="600" height="1000" bgcolor="cccccc" align="center">
<tr><td></td></tr>
</table>

</body>
</html>

...全文

81 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

DeluxWorld 2006-03-24

打赏
举报

<div id="ad100" name="ad100" style="position: absolute; top: 10; right: 10; width: 300; height: 300;cursor:hand; background-color:c0c0c0; display:none">
</div>

<div id="xx">
<a href="#"> AAAAAAAAAAAAAAAAAA </a> <br>
<a href="#"> BBBBBBBBBBBBBBBBBB </a> <br>
<a href="#"> CCCCCCCCCCCCCCCCCC </a> <br>
</div>
<script language="javascript">

document.body.onclick=function(){
if(event.srcElement.tagName == 'A' && ad100.style.display=="none"){
ad100.style.display = "block";
}else if(event.srcElement.tagName != 'A' && ad100.style.display=="block"){
ad100.style.display="none";
}
}
</script>

clare2003 2006-03-24

打赏
举报

<div id="ad100" name="ad100" style="position: absolute; top: 10; right: 10; width: 300; height: 300;cursor:hand; background-color:c0c0c0; display:none">
</div>

<div id="xx">
<a href="#" onclick="return show();" > AAAAAAAAAAAAAAAAAA </a> <br>
<a href="#" onclick="return show();" > BBBBBBBBBBBBBBBBBB </a> <br>
<a href="#" onclick="return show();" > CCCCCCCCCCCCCCCCCC </a> <br>
</div>

<script language="javascript">
var Clicked,bodycliked;
function show()
{
//alert( ad100.style.display );
ad100.style.display="block";
Clicked=true;

}
function hidden()
{
//alert( ad100.style.display );

if (eval(Clicked==true)&&eval(ad100.style.display=="block"))
{
Clicked=false;
return false;

}
else
{
return ad100.style.display="none";
}

}
</script>

<html>
<head><title> Test </title></head>
<body onclick="return hidden();">

<table width="600" height="1000" bgcolor="cccccc" align="center">
<tr><td></td></tr>
</table>

</body>
</html>

ZXHCAO 2006-03-24