Javascript 有没有办法隐藏按钮但保留其功能

我在导航栏上有一个按钮，点击时，显示一个对话框。我想使此按钮不可见，每当有人单击按钮所在的位置时，它都会打开一个对话框，即即使它不可见，它也应保持完全功能。我已经尝试了

可见性：隐藏
和
显示：无
，但似乎没有任何东西能为我提供所需的结果。这里是小提琴吗-
我想把按钮隐藏在这个提琴里，如果我点击按钮所在的位置，它就会显示对话框。
提前感谢。
在这种情况下，您可以使用
不透明度：0
然后使用
div
代替
按钮，并为该div定义onclick事件。
由于
div
将没有内容，因此它就像不可见一样，仍然可以单击

<div id="clickMe" style="width:50px;height:50px"></div>

创建一个空白标签而不是按钮，您可以按如下方式实现：



这个怎么样


使
外观
无

#clickMe{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: none;
   background: none;
   width : 100px;
   height: 100px;
}

您可以尝试以下代码：

#clickMe{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}



可以使用不透明度0隐藏按钮。而且它是可点击的

这可能对你有帮助。工作示例如下

`https://jsfiddle.net/manishghec/upvsftyq/2/`

让我知道这是否适合你
 试试这个


#单击我{
背景色：透明；
颜色：透明；
边界：无；
}
这可能会对您有所帮助。
如何单击隐藏元素？我不想向任何人显示此按钮，但如果我在按钮所在的位置单击，它将保留其功能@Satpal..我将在按钮所在的位置单击Dux肯定不好，作为一个弹出选项，当用户单击空白区域时，请尝试此不透明度：0每个人都回答得很好，但我选择了一个简短、简单的问题和第一个回答的问题…感谢您如此快速的回答。@Everyone您应该提及您在小提琴中所做的事情，这也不是op所问的。即使我使用了不透明度0作为答案。我相信这就是op的要求。回过头来读。OP想在单击之前隐藏，但不是在单击之后隐藏。@Leothelion我已经更新了我的答案。谢谢你的澄清。这个答案已经给出了，你不应该再重复了。@Leothelion-是的，我同意你的看法。不太擅长CSS。因此，请始终考虑JS方法。这就是我解决这个问题的想法…
：）
！或者尝试不透明度：0；我建议加入一个关于浏览器对
外观的支持的注释。恭喜！你是今天的FGITW:）
`https://jsfiddle.net/manishghec/upvsftyq/2/`

#clickMe{
    opacity: 0;
}