javascript中隱藏的可點擊按鈕

Question

如何在javascript中隱藏可點擊的按鈕？
行：

style = "visibility: hidden" 

使得它無形的，也是不可點擊。

Answer 1

visibility: hidden完全隱藏的元素，這也是爲什麼點擊它不會工作，嘗試這種上規模。

<a href="#"><img src="http://placehold.it/150x150"></a> 

img{ 
    opacity: 0; 
} 

http://jsfiddle.net/brbcoding/VBkRF/

Answer 2

試試這個Link

<input type="button" style="color: transparent; background-color: transparent; border: solid;" onclick="alert('test');"> 

Answer 3

我認爲這是錯誤的目標，並有更好的方法來達到預期的任務 - 但是，真正任務只隱約地暗示在埋葬評論。

無論如何，請參閱本jsfiddle顯示顏色匹配，透明色和不透明度：0仍然會留下一個按鈕元素的點擊。 （驗證在Chrome，Safari瀏覽器，IE8-10 /標準，FF）

HTML：

<h3>colormatch</h3> 
<div class=box> 
<button id=b1 onclick=alert(1)>here</button> 
</div> 

<h3>invisible</h3> 
<div class=box> 
<button id=b2 onclick=alert(2)>here</button> 
</div> 

<h3>opacity 0</h3> 
<div class=box> 
<button id=b3 onclick=alert(3)>here</button> 
</div> 

<h3>transparent</h3> 
<div class=box> 
<button id=b4 onclick=alert(4)>here</button> 
</div> 

CSS：

#b1 { 
    border:none; 
    background-color:white; 
    color:white; 
} 
#b2 { 
    visibility:hidden; 
} 
#b3 { 
    opacity:0; 
} 
#b4 { 
    border:none; 
    background-color:transparent; 
    color:transparent; 
} 
.box { 
    border:1px solid red; 
    display:inline-block; 
}