如何在不修改 HTML 的情況下檢測文本中被點擊的單字？

基於點擊事件的單字偵測

在Web 開發中，辨識文字中點擊的單字對於互動式應用程式來說是必不可少的。常見的方法包括解析 HTML 並將每個單字包裝在 span 元素中，使用 jQuery 檢測點擊並檢索單字的文字。然而，此解決方案效率低且美觀。

為了增強流程，可以使用替代方法來消除大量 HTML 修改的需要。此解決方案利用現代瀏覽器（例如​​ Webkit、Mozilla 和 IE9）支援的 Selection API。

提供的JavaScript 實作(https://jsfiddle.net/Vap7C/15/) 透過以下方式啟用單字偵測步驟：

1. 為目標文字元素定義點擊事件處理程序。
2. 利用 getSelection() 方法檢索目前文字選擇。
3. 建立範圍物件來確定單字在文字中的開始和結束位置。
4. 迭代文字以根據空格找出單字的起始位置。
5. 擴展範圍以尋找單字的結束位置，再次基於空白。
6. 修剪所選文字並將其顯示為單擊的單字。

此方法為基於點擊的單字偵測提供了更快、更清晰的實現，而不需要大量的操作HTML 修改或外部瀏覽器 API。它可以在各種瀏覽器中有效運行，為基於文字的互動式應用程式提供可靠的解決方案。

以上是如何在不修改 HTML 的情況下檢測文本中被點擊的單字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！