我想实现一个功能:
有一个DIV,点击页面其他地方(包括页面iframe里面),就隐藏此DIV。jquery能实现吗?我用blur事件实现了一下,但是效果不是很好,鼠标挪出去有时候就会隐藏,而不是点击的时候隐藏。很郁闷。有没有高手帮个忙。
------解决方案--------------------
gb1.html:
- HTML code
<body> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> 其他内容 其他内容 其他内容 其他内容 其他内容 其他内容 <iframe src="gb3.html"></iframe> 其他内容 其他内容 其他内容 其他内容 <div id="d"> DIV DIV DIV <br/> DIV DIV DIV <br/> DIV DIV DIV <br/> </div> <script language="javascript"> document.domain = 'localhost';//这里根据你的域名而改变,我是本地测试,所以才用这个 $(document).click(function(e){ var d = $("#d"); if(e.target != d[0]){ d.hide(); } }) </script> </body>