如何点击按钮显示一个DIV,点击页面其它地方隐藏这个DIV?

wang_solaris 2005-04-15 04:07:58
页面上有个按钮,默认有个DIV是隐藏起来的。我是这样写的:

function ShowFinishEditor(left, top) {
var obj = document.getElementById('divFinishEditor');
if (obj == null)
return false;
obj.style.display = '';
obj.style.posLeft = left;
obj.style.posTop = top;

return false;
}

function HideFinishEditor() {
var obj = document.getElementById('divFinishEditor');
if (obj == null)
return false;
obj.style.display = 'none';
}

document.onclick = HideFinishEditor;
document.getElementById('button1').onclick="ShowFinishEditor(this.getBoundingClientRect().left, this.getBoundingClientRect().top+this.offsetHeight);"

怎么每次点击按钮的时候总要先调用ShowFinishEditor然后又调用HideFinishEditor啊?所以每次都显示不出来。怎么办?
...全文
657 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
wang_solaris 2005-04-15
  • 打赏
  • 举报
回复
vivianfdlpw() ,

这样我又发现点击DIV中的任意一处,DIV又隐藏了。能不能点击按钮和DIV时不隐而点其它地方隐藏DIV?谢谢。
zhongmao 2005-04-15
  • 打赏
  • 举报
回复
<body>
<div id="divFinishEditor">sdfsdf</div>
<button id="button1" name="button1">daaa</button>
<script language="JavaScript">
<!--
document.all('button1').onclick = function()
{
var obj = document.getElementById('divFinishEditor');
obj.style.display = obj.style.display == '' ? 'none' : '';
}

//-->
</script>
</body>
vivianfdlpw 2005-04-15
  • 打赏
  • 举报
回复
document.getElementById('button1').onclick="ShowFinishEditor(this.getBoundingClientRect().left, this.getBoundingClientRect().top+this.offsetHeight);event.cancelBubble=true"

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧