2

私はこれに数日間苦労しています。私を正しい方向に導いてくれる人が必要です。ウェブで検索してみました。正しいアプローチをとったかどうかはわかりません。私が必要としているのは、人が特定のキーワードにカーソルを合わせるたびに、警告ボックスを表示することです。この例では、単語は else です。コードを実行すると、エラーは発生せず、マウスを単語の上に置いても何も表示されません。

function on_func2()
{
    var searchString = 'else';
    var elements = document.getElementById('paragraph2');
    for (var i = 0; i < elements.length; i++)
    {
        if (elements[i].innerHTML.indexOf(searchString) !== -1) 
        {
            alert('Match');
            break;
        }
    }
}
4

2 に答える 2

3

私は次のようにします: すべてのelse単語を通過して検索し、リスナーがバインドされたスパンでそれらをラップします。

<p id="hello">What else would you say?</p>

-

​var hello = document.getElementById('hello');
var str = hello.innerHTML;
str = str.replace(​​​ /\b(else)\b/g, '<span onmouseover="func1()">$1</span>' );​​​​​​​​​​​​​​​​​​​
hello.innerHTML = str;

function func1() {
  alert('there');
}

フィドルをチェックしてください。

于 2012-09-15T03:27:31.957 に答える
0

jQueryレタリングプラグインの使用

<p class="word_split">if you were not there, else I would not have won.<p>


$(".word_split").lettering('words');
$('.word_split').mouseover(function(event) {
    var word=event.target.innerHTML;
    if (word == "else")
       alert("Yep");
});

ここにデモがあります：jsFiddle

于 2012-09-15T03:43:43.570 に答える