JavaScript：在textarea中查找特定字符串的垂直像素位置

Question

我有一個HTML文本區域作爲Chrome內部運行的小型文本編輯器的基礎，其中包含搜索功能（因爲我需要超出瀏覽器提供的搜索功能）。對於更長的文本，這意味着我需要JavaScript在選擇找到的文本後滾動到正確的位置。這可以通過計算字體的行高度乘以找到的文本的行號（後者通過計算換行符來獲得），然後設置textareaElement.scrollTop ...但只有當textarea設置爲wrap =「off」時正常工作。當它包裝時，我有時需要它，我不能簡單地通過計算換行符來計算行數，並且我的滾動位置算法會稍微偏離。

如何才能找到找到的選定文本的正確位置？

Answer 1

我已經爲log4javascript中的日誌控制檯的搜索功能解決了此問題。我的代碼將搜索結果包圍在風格屬性在您滑過搜索結果時發生更改的標籤中。最初，我在當前搜索結果跨度上調用了scrollIntoView()，但我認爲在某些瀏覽器（例如，log4javascript支持IE 5）時遇到了問題，並最終根據跨度和scrollLeft的offsetLeft和offsetTop屬性編寫了自己的滾動功能， scrollTop容器的屬性。我懷疑scrollIntoView()在Chrome中可以正常工作，所以你應該確定使用它。