如何用JavaScript取得滑鼠遊標下的單字？

如何使用JavaScript 檢索遊標下方的單字

確定滑鼠遊標懸停的單字是文字的一項基本任務基於的應用程式。假設你有一個 HTML 頁面，其中有一段文字：

<code class="html"><p> some long text </p></code>

如何辨識遊標位於「文字」一詞上方？本文介紹了一個專門針對 Chrome（也可能是 Firefox）的解決方案。

JavaScript 實作：

<code class="javascript">function getWordAtPoint(elem, x, y) {
  if (elem.nodeType == elem.TEXT_NODE) {
    // Create a range and position it within the element's text content
    var range = elem.ownerDocument.createRange();
    range.selectNodeContents(elem);

    // Initialize position variables
    var currentPos = 0;
    var endPos = range.endOffset;

    // Iterate through the text content
    while (currentPos + 1 = x &&
        range.getBoundingClientRect().top = y
      ) {
        // Expand the range to select the word
        range.expand("word");
        var ret = range.toString();
        range.detach();
        return ret;
      }

      // Advance the current position
      currentPos += 1;
    }
  } else {
    // For elements with child nodes (e.g., <p>, </p>
<div>), iterate through their children
    for (var i = 0; i = x &&
        range.getBoundingClientRect().top = y
      ) {
        // Recursively call getWordAtPoint on the child node
        range.detach();
        return getWordAtPoint(elem.childNodes[i], x, y);
      } else {
        range.detach();
      }
    }
  }

  return null;
}<p><strong>用法：</strong></p>
<p>在mousemove 事件的事件處理程序中，您可以使用getWordAtPoint() 函數，如下所示：</p>
<pre class="brush:php;toolbar:false"><code class="javascript">getWordAtPoint(e.target, e.x, e.y);</code>