JavaScript가 moused 된 텍스트를 가져옵니다.

Question

사용자가 마우스를 놓고있는 텍스트를 감지 할 수있는 방법을 찾을 수 없습니다. onmouseover 이벤트가이 기능을 지원하지 않는 것 같습니다. 이것을 할 수있는 방법이 있습니까? 예를 들어

https://www.w3schools.com/jsref/event_onmouseover.asp

,이 항에서 "예"를 통해 사용자가 마우스를 올리면, 나는 단지 그들이 마우스를 올려 놓으면 있다고, 그들이 "예"마우스를 올려 놓으면되었다는 것을 감지 할 수하려는 경우 단락 요소.

편집 : 나는 내가 필요한 것에 너무 애매하다고 생각한다. 기본적으로 내가 구현하려고하는 것은 동적 텍스트를위한 팝업 사전입니다. 사용자가 단어 위로 마우스를 가져 가면 복합 단어의 일부가 될 수 있으므로 단어뿐 아니라 단락의 위치도 함께 표시하여 복합어인지 확인할 수 있습니다. 각 단어/복합어 주변을 HTML로 사전 처리해야하는 것처럼 들립니다.

Answer 1

당신은 그냥이 예제와 같이 범위 내에서 그것을 포장 :

<p> 
Words Words Words Words Words <span onmouseover="alert('Mousing over A nice word!');">A Nice Word</span> Words Words Words Words 
</p> 

https://jsfiddle.net/a4q6gqs2/

Answer 2

내가 다른 방법으로, 당신은 예를 들어 A에 대해, differents의 html 태그에있는 모든 단어를 래퍼 there'snt 필요가 있다고 생각 " 스팬". 아래 코드로이 작업을 수행 할 수 있습니다.

// wrap words in spans 
$('p').each(function() { 
    var $this = $(this); 
    $this.html($this.text().replace(/\b(\w+)\b/g, "<span>$1</span>")); 
}); 

// bind to each span 
$('p span').hover(
    function() { $('#word').text($(this).css('background-color','#ffff66').text()); }, 
    function() { $('#word').text(''); $(this).css('background-color',''); } 
);