获取突出显示（选定）元素（跨度）的html和文本，并将文本存储在隐藏的textarea中

Question

我想知道如何获取所选的跨度的html和文本。示例html：

<span>a</span>
<span>b</span>
<span>c</span>
<span>d</span>

所以如果我用光标（a-b）突出显示......我会得到

var storedHtml =     `<span>a</span> <span>b</span>`
var text = "ab"

并且文本将存储在隐藏的textarea

中

Answer 1

已经有一些关于此的文章：

• Get the Highlighted/Selected text
  • 哪些参考 - ＆gt; http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text.html
• 反过来又与Selecting text in an element (akin to highlighting with your mouse)
重复