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 回答