gpt4 book ai didi

javascript - 在显示 :block 之后隐藏 "shot"

转载 作者:太空宇宙 更新时间:2023-11-04 10:04:11 25 4
gpt4 key购买 nike

function increase() 
{
var counter = parseInt(document.getElementById("counter").innerHTML);
counter--;
var add = counter -1;
document.getElementById("counter").innerHTML = counter;

//显示一个元素document.getElementById("shot").style.display = "block";

我按下了一个显示“shot”的按钮,但我希​​望它在我松手时再次关闭。

最佳答案

如果您希望元素在您松开按钮时隐藏,您应该像这样使用 onmouseup 事件:

编辑:将输入标签重新排序到上方,以便在隐藏文本段落时它不会移动**

<!DOCTYPE html>
<html>
<body>
<input type="button" onmousedown="show()" onmouseup="hide()"
<p id="elem">Some text here.Some text here.Some text here.Some text here.Some text here.</p>
value="Toggle">
<script>
function show() {
var elem = document.getElementById('elem');
elem.style.display = 'block';
}

function hide() {
var elem = document.getElementById('elem');
elem.style.display = 'none';
}


</script>
</body>
</html>

关于javascript - 在显示 :block 之后隐藏 "shot",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38150017/

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