JavaScript
如何点击按钮显示一个DIV，点击页面其它地方隐藏这个DIV？
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区页面上有个按钮，默认有个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啊？所以每次都显示不出来。怎么办？
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啊？所以每次都显示不出来。怎么办？
...全文
相关推荐
js点击页面其它地方将某个显示的DIV隐藏
在给定的示例中，需求是点击一个按钮弹出一个DIV，然后当用户点击页面的其他任何地方时，这个DIV应该被隐藏。这涉及到事件处理和事件冒泡的概念。
点击按钮（a标签）隐藏显示div内容，切换div内容
超级实用的点击隐藏，显示div内容，切换div内容点击按钮（a标签）
js实现的点击div区域外隐藏div区域
- 当按钮被点击时，触发显示div的操作，并为document对象绑定一个点击事件处理函数，该函数用于隐藏div。 - 同时，阻止了按钮的事件冒泡，以避免触发div内的点击事件处理函数。
javascript点击按钮实现隐藏显示切换效果
在本例中，我们将探讨如何使用JavaScript实现一个简单的功能，即点击按钮时，实现元素的隐藏与显示的切换效果。首先，让我们分析提供的代码。
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
首先，我们需要在模板中创建一个按钮来触发显示和隐藏的操作，以及一个需要隐藏和显示的元素。在这个例子中，我们将使用一个按钮和一个包含多个项目的列表。
