javascript - Javascript或Jquery检查鼠标是否悬停在div中的特定字符串上

如何查找鼠标是否悬停在div中的特定字符串上？

例如检测是否将鼠标悬停在名为“ Jay-Z已婚美国R＆B歌手BeyoncéKnowles在2008年”的字符串中的“ Jay-Z”上

最佳答案

这是一个快速的JQuery方法。首先，我们查看所有div，并在其中查找单词Jay-Z。并用“ jay-z”类将其包装。

$( 'div' ).each(function( i ) {
    $( this ).html( $( this ).html().replace( /(Jay-Z)/g,'<span class="jay-z" >$1</span>' ) );
});

然后，使用类jay-z为div中的跨度分配一个鼠标悬停事件处理程序。

$( "div" ).on( "mouseover", '.jay-z', function() {
  alert( "Hey, it's Jay-z" );
  //do something
});