怎么为div和div2设置双击点击事件?默认显示div,双击div显示div2,双击div2显示div
时间: 2024-03-05 11:55:18 浏览: 26
您可以使用JavaScript为div和div2元素添加双击事件监听器,然后在事件处理程序中切换它们的显示状态。以下是一个基本的实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>双击切换显示</title>
<style>
#div2 {
display: none;
}
</style>
</head>
<body>
<div id="div">双击我显示div2</div>
<div id="div2">双击我显示div</div>
<script>
var div = document.getElementById("div");
var div2 = document.getElementById("div2");
div.addEventListener("dblclick", function() {
div.style.display = "none";
div2.style.display = "block";
});
div2.addEventListener("dblclick", function() {
div2.style.display = "none";
div.style.display = "block";
});
</script>
</body>
</html>
```
在上面的代码中,我们使用了CSS将div2元素初始隐藏。然后,我们使用JavaScript获取div和div2元素,并为它们分别添加双击事件监听器。在事件处理程序中,我们使用CSS的display属性来切换它们的显示状态。