javascript - 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

我认为这是被误导的目标，并且有更好的方法来实现所需的任务 - 然而，真正的任务只是在隐藏的评论中模糊地暗示。

无论如何，请参阅此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;
}

Answer 3

试试这个链接

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