單擊頁面的其余部分時如何使javascript對象消失
[英]how to make javascript object disappear when click on rest of page
問題描述
如何更改以下代碼，以便在單擊網頁上的任意位置時，“ This is foo”行將消失，現在我必須單擊“ Click here”使其消失。
<html>
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
<body>
<a href="#" onclick="toggle_visibility('foo');">Click here</a>
<div id="foo">This is foo</div>
</body>
</html>
3 個解決方案
解決方案1
1 2013-11-07 14:19:46
您需要將click事件綁定到body元素，以便在單擊頁面上的任意位置時觸發它。
解決方案2
0 2013-11-07 14:32:50
嘗試使用文檔對象附加事件處理程序
document.onclick = function(){
var e = document.getElementById('foo');
e.style.display = ((e.style.display != 'none') ? 'none' : 'block');
};
解決方案3
0 2013-11-07 14:45:44
HTML：
<body onclick="foo();">
<a href="#" onclick="toggle_visibility('foo');">Click here</a>
<div id="foo" style="display:none;" >This is foo</div>
</body>
JS：
var b = false;
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
b = true;
}
function foo() {
var e = document.getElementById('foo');
if(!b) e.style.display = 'none';
b=false;
}
這一點的CSS：
body,html
{
width:100%;
height:100%;
}
<a>點擊鏈接后</a>如何在javascript中使<a>元素消失？</a>
[英]How to make in javascript that <a> element disappear after you click on link?
當我用jQuery單擊外部時如何使覆蓋和部分消失
[英]How to make overlay and section disappear when i click outside with jquery
滾動到頁面上的特定div時如何使頁腳消失？
[英]How to make footer disappear when scrolling to the specific div on the page?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.