javascript - 双击事件不起作用 如果内容为空

Question

我在 <span></span> 上使用双击事件在我的 MVC 应用程序中切换控件的可见性。

<span ondblclick="myFunction()">m.Value</span>

where m is my model.

上面代码中，span内容为m.Value , 可以为空。

当 m.Value是空的，ondblclick()事件没有被触发。有什么解决方法吗？

Answer 1

如果 span 为空，则它没有任何宽度或高度，因此您无法单击它。 要解决此问题，您可以设置 span do display block 或 inline-block 并设置特定的宽度、高度:

span.model {
   display: inline-block;
   width: 50%; /*or 100px, ... */
   height: 50%; /* or 100px, ... */
}