我有一個反應應用程式,我在這里嘗試完成的是從 html 復制文本并在將其發送回用戶之前對其進行修改。到目前為止,我已經完成了它,但是即使我選擇了部分文本,我總是會從下面的表格單元格中收到完整的文本。是否可以只回傳選定的文本?
<table oncopy={handleCopy}>
<thead></thead>
<tbody>
<tr>
<td>12-23</td>
</tr>
</tbody>
</table>
const handleCopy = (e) => {
const text = document.getSelection().anchorNode.textContent
e.preventDefault()
e.clipboardData.setData('text/plain', formatString(text))
}
當我選擇值 12-23 時,它應該回傳 1223,并且它正在作業,但是當我選擇部分值 12-2 并嘗試復制它時,它讓我回傳 1223 而不是 122。
我看到anchorNode 有兩個屬性,textContent 和wholeText,但兩者的值相同。
uj5u.com熱心網友回復:
在您的代碼中,您從選擇中獲取錨節點,然后回傳節點的內容,而不是選擇的內容。
我認為
const text = document.getSelection().toString()
應該管用。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/494105.html
標籤:javascript html 反应
上一篇:如何在單個TypeScript檔案中宣告多個列舉并在單個匯出陳述句下回傳(以便不直接公開單個列舉)
下一篇:如何創建條件測驗?
