內容可編輯<summary>標簽</summary>

Question

好的，情況如下：

我有一個<details>標記，我想在程序的某個時間點使其<summary>標記contenteditable可編輯。 問題是，當我有一個可編輯的摘要時，我不能使用空格鍵，因為默認情況下空格會打開和關閉詳細信息標簽。 這是一個例子：

 <details> <summary contenteditable>Edit me!</summary> <p>Some content here</p> </details>

我不能使用event.preventDefault()因為這也會阻止輸入空間。 有沒有什么方法可以讓用戶在編輯摘要標簽時添加空格？

Answer 1

倒霉。 但是我確實開始工作的一件事是.preventDefault()並使用execCommand()或insertNode()手動插入空格： https://jsbin.com/yoxuwos/2/edit?html,js,Z8148E62821FDB363