Question

我要做的是：当你将鼠标悬停在文本正文中的任何单词上时，说两秒钟，它将变为下划线。如果你点击它，它会保持下划线，直到你点击其他地方或再次点击它。有什么建议吗？

Answer 1

据我所知，如果你只是说<p>中的单词，那么SOL就没有一些严重突兀的javascript。如果你不介意变得突兀，那么你可以做的就是进入，取出<p>的内容，并将每个人放在<span>或其他内容中。然后突出显示JS。

注意：这是jQuery

var timer;

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

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

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

这是非常突兀的，不是很漂亮，而且我不是100％它会起作用，但这应该让你知道你正在寻找的东西至少。

Answer 2

没有内置事件，因此您必须拆分文本并将每个单词包装在元素中。大量文本可能会变得很慢。

请参阅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

X秒后鼠标悬停下划线

2 个答案: