gpt4 book ai didi

JavaScript:单击时如何更改元素的可见性?

转载 作者:行者123 更新时间:2023-11-28 10:52:09 26 4
gpt4 key购买 nike

我正在尝试制作一个代码,允许我点击屏幕的任何部分,当我点击屏幕时应该显示消息“点击!”到目前为止,我得到了下一个代码

html:

<html>
<head>
<title>Sense events anywhere</title>
<script type="text/javascript" src="anywhere.js"></script>
<link type="text/css" rel="stylesheet" href="anywhere.css" />
</head>
<body id="body" onload="init();">
<div id="message"> Click! </div>
</body></html>

JavaScript:

var e;
function init(){
e = document.getElementById("message");
document.getElementById("message").style.visibility = "hidden";
e.onmousedown = displayIt(e);
e.onmouseup = hideIt;
}
function displayIt(e) {
e.style.visibility = "visible";
}
function hideIt() {
e.style.visibility = "hidden";
}

CSS:

body {  
}
div#message{
}

到目前为止,我只尝试在单击时将消息变为可见和“不可见”,但它不起作用对不起我的英语,我不是母语人士。如果有人可以帮助我,那就太好了。谢谢。

最佳答案

var visible = true,
body = document.getElementById("body"),
mess = document.getElementById("message");

body.onclick = function() {
if (visible === true) {
mess.style.visibility = "hidden";
visible = false;
} else {
mess.style.visibility = "visible";
visible = true;
}
}

编辑 替换了选择器中的正文,因为我没有注意到您想要点击屏幕的任何部分

关于JavaScript:单击时如何更改元素的可见性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22751528/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com