HTML中怎样实现点击指定表格以外的页面隐藏该表格

发布网友发布时间：2022-04-30 16:04

共2个回答

热心网友时间：2022-06-27 00:43

单纯HTML肯定实现不了，配合JS即可。

例如，页面上有一表格

然后使用JS：

        var tab = document.getElementById("tab");
        document.onclick = function(){
            tab.style.display = 'none';
        }

热心网友时间：2022-06-27 00:43

<html>
<head>
</head>
<body>
<div id="tab" style="width:300px;height:300px;background-color:green">

</div>

</body>
<script>
var tab =document.getElementById("tab");
//点击任何地方都隐藏id为tab的div
document.onclick = function(){
tab.style.display = 'none';
}
//阻止tab本身的冒泡事件（也就是排除tab本身点击事件）
tab.onclick =function(event){
event.stopPropagation();
}

</script>
</html>