如何访问a<;中当前突出显示的文本;textarea>;在Javascript中

如何访问a<;中当前突出显示的文本;textarea>;在Javascript中,javascript,reactjs,Javascript,Reactjs,用户将在页面上的HTML文本区域中输入文本。当他们高亮显示该文本的一部分时,我如何访问高亮显示的字符串?在textarea元素中突出显示文本是否会触发任何事件 这是在react应用程序的上下文中完成的,其中textarea是一个组件。创建一个函数,使用el.selectionStart和el.selectionEnd,然后使用el.substring()在开始和结束的定义约束内获取所选文本 最后,在正在侦听文本区域selectevent的eventlistener中运行该函数 let text

用户将在页面上的HTML文本区域中输入文本。当他们高亮显示该文本的一部分时,我如何访问高亮显示的字符串?在textarea元素中突出显示文本是否会触发任何事件


这是在react应用程序的上下文中完成的,其中textarea是一个组件。

创建一个函数,使用
el.selectionStart
el.selectionEnd
,然后使用
el.substring()
开始结束的定义约束内获取所选文本

最后,在正在侦听文本区域
select
event的eventlistener中运行该函数

let textArea=document.getElementById('textArea')
let display=document.getElementById('display')
让getSelectedText=()=>{
让selectedText=textArea.value
让selStart=textArea.selectionStart
让selEnd=textArea.selectionEnd
返回selectedText.substring(selStart,selEnd)
}
textArea.addEventListener('select',()=>{
display.innerHTML=`您选择的文本是:${getSelectedText()}`
})
Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和大股东。但是,在最低限度上,我们需要一个实验室来进行日常工作。
退房