要实现点击其他地方不会使div块消失,可以使用事件委托和事件冒泡的方式来处理。
首先,给整个页面或者包含div块的父元素添加一个点击事件监听器。当点击事件发生时,判断点击的目标元素是否是div块或者div块的子元素,如果是,则不做任何操作;如果不是,则隐藏div块。
以下是一个示例代码:
HTML代码:
<div id="container">
<div id="myDiv">这是一个div块</div>
</div>
JavaScript代码:
document.addEventListener('click', function(event) {
var myDiv = document.getElementById('myDiv');
var target = event.target;
if (target !== myDiv && !myDiv.contains(target)) {
myDiv.style.display = 'none';
}
});
在上述代码中,我们给整个页面添加了一个点击事件监听器。当点击事件发生时,首先获取到div块的引用,然后判断点击的目标元素是否是div块本身或者div块的子元素。如果不是,则隐藏div块。
这样,无论点击页面的哪个位置,只要不是div块或者div块的子元素,div块都不会消失。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
领取专属 10元无门槛券
手把手带您无忧上云