將鼠標懸停在文本上時檢索文本值

我到處搜索但無法找到它。所以我在這裏問。我想在鼠標懸停在html頁面的上方（懸停）時獲取文本。我嘗試使用getClientRect，但他們只給我座標，而不是文本。有人知道如何使用JavaScript或HTML做到這一點？謝謝。將鼠標懸停在文本上時檢索文本值

來源

2012-03-25 user1291899

你不能給我們一個HTML標記嗎？這是什麼類型的文本？你在頁面上有多少「文本」？ – gdoron 2012-03-25 22:56:01

... *隨處搜索，但無法找到它*嗯？ – Coffee 2012-03-25 22:57:14

這裏有一個例子您好，我是新所以，當我將鼠標懸停我的鼠標移到「上午」，我將能夠檢索「是」 – user1291899 2012-03-25 23:00:14

這取決於您試圖獲取文本的元素，但可能您想要做的是使用mouseenter事件。

$(parentselector).on({ 
    'mouseenter': function(){ 
      alert($(this).html()); // .html() or .val() depending on the element 
     } 
    }, 
    targetselector 
);

編輯：

How to get a word under cursor using JavaScript?

創建HTML這樣

<html> 
    <head></head> 
    <body> 
     <span class="word">Hello</span> 
     <span class="word">I</span> 
     <span class="word">am</span> 
     <span class="word">new</span> 
    </body> 
</html>

然後像這樣jQuery中。

$('body').on({ 
    'mouseenter': function(){ 
      var txt = $(this).html(); 
     } 
    }, 
    'span.word' 
);

來源

2012-03-25 22:59:57

嗨，感謝您的回覆，但是這不會帶回元素中的所有文本？我只想在文本節點數組中放置一個單詞。 – user1291899 2012-03-25 23:03:13

查看我編輯中的鏈接 – 2012-03-25 23:03:50

是的，我明白了。謝謝！！！ – user1291899 2012-03-25 23:05:59

如果您有權訪問jQuery，則可以使用.mouseover()事件處理程序。您可以將它綁定到特定的DOM元素，然後通過val或innerhtml獲取該值。

來源

2012-03-25 22:55:41

但innerHTML的帶回的所有文本，我只需要鼠標結束的文本。 – user1291899 2012-03-25 22:59:43

不知道有什麼辦法可以做到這一點，而不是將每個單詞（或句子 - 根據您的情況）包裹在span元素中，並附加一個類事件處理程序。 - 剛注意到James Hay的迴應。好多了！ – 2012-03-26 01:02:53

將鼠標懸停在文本上時檢索文本值

回答

相關問題