单击按钮后，contentEditable <div> 中的选择会立即折叠
Selection in contentEditable <div> collapses as soon as I click a button
如下所示，我使用 <div> 代替 <button> 或 <input> 来创建我的 UI 按钮。现在的问题是，只要我单击任何按钮，编辑区域中的选择（一个 contentEditable <div>）就会崩溃。
有趣的是，如果我使用 <button> 而不是 <div> 来创建我的 UI 按钮，一切都会像一个魅力。以前在Whosebug上看到这个问题问过很多次，但是都是用<button>。有什么想法吗？
您的问题是您的 div 元素是可选的，因此点击它们会自动折叠现有的选择。您可以通过在大多数当前浏览器中设置 user-select CSS property to none. This is supported 使它们“不可选择”来解决此问题。
如下所示，我使用 <div> 代替 <button> 或 <input> 来创建我的 UI 按钮。现在的问题是，只要我单击任何按钮，编辑区域中的选择（一个 contentEditable <div>）就会崩溃。
有趣的是，如果我使用 <button> 而不是 <div> 来创建我的 UI 按钮，一切都会像一个魅力。以前在Whosebug上看到这个问题问过很多次，但是都是用<button>。有什么想法吗？
您的问题是您的 div 元素是可选的，因此点击它们会自动折叠现有的选择。您可以通过在大多数当前浏览器中设置 user-select CSS property to none. This is supported 使它们“不可选择”来解决此问题。