怎么判断是否点击了某区域的外部？

soko1 2012-07-02 05:42:16

比如有一个区块，当点击了这个区块的外部时，让这个区块消失。问题是怎么判断是否点击了某区域的外部？

...全文

376 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

酒比花香 2012-07-05

打赏
举报

这个想法好！！
[Quote=引用 5 楼的回复:]
HTML code
<!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></ti……
[/Quote]

挨踢直男 2012-07-03

打赏
举报

<!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></title>

	

</head>

<body>

<div style='width:200px; height:200px; border:1px solid #000' id='div'>

<p style='width:100px; height:100px; border:1px solid red'></p>

</div>



<script type='text/javascript'>

var div = document.getElementById('div');

document.documentElement.onclick = function(e)

{

    var t ;

    e = e || window.event , t = e.srcElement || e.target;

	if(!div.contains(t)) div.style.display='none';

}

</script>



</body>

</html>

hch126163 2012-07-03

打赏
举报

jex_久尘 2012-07-02

打赏
举报

<!DOCTYPE HTML>
<html>
<head>
<title> New Document </title>
<meta charset="gb2312">
<script src="http://code.jquery.com/jquery-1.6.1.js"></script>
<style>
/*如果网页内容大于一屏可以不写*/
html,body{height:100%}
</style>
</head>
<body>
<div style="width:300px;height:400px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-200px;background:#ccc;" id="ceshi"></div>
</body>
<script>
$('body').click(function(e){
if( !$.contains($('#ceshi')[0],e.target) && $('#ceshi')[0] != e.target){
$('#ceshi').hide();
}
});
</script>
</html>

stonehaishi 2012-07-02