javascript - Safari getSelection() 不工作

Question

我一直对为什么这种行为发生在 safari 上感到困惑。当我输入一些文本时，我试图获得选择，为此我使用了 window.getSelection() 并且它在 Firefox、Chrome、Opera 等上工作得很好，给我这样的东西:

Selection {}
anchorNode: text
anchorOffset: 14
baseNode: text
baseOffset: 14
extentNode: text
extentOffset: 14
focusNode: text
focusOffset: 14
isCollapsed: true
rangeCount: 1
type: "Caret"
__proto__: Selection

但是在 safari9 上，当我做完全相同的事情时，结果将是这样的:

Selection
anchorNode: null
anchorOffset: 0
baseNode: null
baseOffset: 0
extentNode: null
extentOffset: 0
focusNode: null
focusOffset: 0
isCollapsed: true
rangeCount: 0
type: "None"
__proto__: SelectionPrototype

我想知道这是不是我做错了什么？如果它确实是一个错误或者它不起作用是否有可能的解决方法？还是另一种获取适用于大多数浏览器的相同信息的方法？

Answer 1

当我处理一个 contenteditable div 时，我遇到了类似的问题，似乎 safari 默认 user select 为 none 这使得用户无法选择任何事物。我做了

[contenteditable] {
  -webkit-user-select: auto;
  user-select: all;
}

您可以尝试将 [contenteditable] 替换为 input 或其他 css 元素。