在X秒后在鼠标悬停上加下划线字

Question

我想要做的是：当你将鼠标放在文本正文中的任何一个单词上时，它会变成下划线。如果你点击它，它将保持下划线，直到你点击其他任何地方或者你再次单击它。有什么建议么？

Answer 1

没有内置事件，所以您将不得不拆分文本并将每个单词包裹在一个元素中。大量文字可能会变得非常慢。

见How can I highlight every single word in jquery so that I can provide a definition for each word?

看一看这个样本 - http://jsbin.com/ukuza5/3/edit 将只使用纯文本的工作 - 内p没有HTML。

Answer 2

据我所知，如果你谈论的<p>空谈然后是SOL没有一些严重突兀的JavaScript。如果你不介意冒昧，那么你可以做的就是进入<p>的内容，并把每个人放在<span>之类的东西上。然后突出JS。

注：这是jQuery的

VAR定时器;

$("span").mouseover(function() { 
    timer = timeout(highlight(this), 2000); 
}); 

$("span").mouseout(function() { 
    clearTimeout(timer); 
}); 

function underline(jObject) { 
    jObject.css("text-decoration", "underline"); 
} 

这是非常突兀，不漂亮，我不是100％它会工作，但应该给你的你起码找什么的想法。