Contenteditable="；“真的”；无法正确使用jQuery UI选项卡

由于某些原因，当我在jQueryUI选项卡上有contenteditable时，我无法在字母之间添加空格。您可以添加文本和删除，但我不能添加空白。看这里

单击选项卡中的文本并尝试添加空间

<a href='#tab-2'><span contenteditable="true">THIS ALSO IS TAB</span></a>

---

这可能是一种解决方法，但添加（contenteditable=true）w/jQuery可以解决问题

$("#sidebar-canvas-content").attr('contenteditable','true');

:

如您所见，如果按下空格键，它将调用

事件

对象的

preventDefault

方法。您可以收听

keydown

事件并停止事件的传播：

$("#sidebar-canvas-content")
   .tabs()
   .find('.sidebar-tab span[contenteditable]').on('keydown', function(event) {
       event.stopPropagation();    
   });

$("#sidebar-canvas-content")
   .tabs()
   .find('.sidebar-tab span[contenteditable]').on('keydown', function(event) {
       event.stopPropagation();    
   });