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

Question

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

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

  

其中m是我的模型。

在上面的代码中，跨度内容为m.Value，可以为空。

当m.Value为空时，不会触发ondblclick()事件。有什么解决方法吗？？

Answer 1

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

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