将鼠标悬停在文本上时检索文本值

Question

我到处搜寻，但找不到。 所以我在这里问。 当鼠标位于html页面内该文本的顶部（悬停）时，我想获取文本。 我尝试使用getClientRect，但它们只给我坐标，而不给文本。 有人知道如何使用javascript或html吗？ 谢谢。

Answer 1

如果可以访问jQuery，则可以使用.mouseover（）事件处理程序。 您可以将其绑定到特定的DOM元素，然后通过val或innerhtml获取值。

Answer 2

这取决于您要获取文本的元素，但是可能要使用mouseenter事件。

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

编辑：

如何使用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'
);

将鼠标悬停在文本上时检索文本值

问题描述

2 个解决方案

解决方案1
2 2012-03-25 22:55:41

解决方案2
2 已采纳 2012-03-25 22:59:57

将鼠标悬停在文本上时检索文本值

问题描述

2 个解决方案

解决方案1 2 2012-03-25 22:55:41

解决方案2 2 已采纳 2012-03-25 22:59:57

解决方案1
2 2012-03-25 22:55:41

解决方案2
2 已采纳 2012-03-25 22:59:57