a标签绑定一个onclick点击隐藏div再点击显示div 点击div以外的地方也隐藏
时间: 2024-03-09 07:45:09 浏览: 156
您可以按照以下步骤实现a标签绑定onclick点击隐藏div再点击显示div,以及点击div以外的地方也隐藏:
1. 首先,您需要为目标div设置一个id属性,例如:`<div id="myDiv">...</div>`
2. 接下来,您可以使用JavaScript代码来实现点击a标签时隐藏/显示目标div,例如:
```
var myDiv = document.getElementById("myDiv");
var myLink = document.getElementById("myLink");
myLink.onclick = function() {
if (myDiv.style.display === "none") {
myDiv.style.display = "block";
} else {
myDiv.style.display = "none";
}
};
```
3. 为了实现点击div以外的地方也隐藏目标div,您可以在window对象上绑定一个click事件监听器,并在该事件处理函数中检查点击的目标是否是目标div或a标签。如果不是,则隐藏目标div。例如:
```
window.onclick = function(event) {
if (event.target !== myDiv && event.target !== myLink) {
myDiv.style.display = "none";
}
};
```
这样,当您点击a标签时,目标div会隐藏/显示。当您点击div以外的地方时,目标div也会隐藏。
阅读全文