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
);

编辑：

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'
);

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

2 个答案: