Question

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”;

我按下一个显示“镜头”的按钮但我希望它在我放手时再次关闭。

Answer 1

如果您希望在放开按钮时隐藏元素，则应使用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>

Answer 2

如果要隐藏元素，只需使用display:none：

// Hide your element
document.getElementById("shot").style.display = "none";

显示后隐藏“镜头”：阻止

2 个答案: