通过单击获取单词

Question

在HTML文档中，如何通过单击就能获得单词？

举例来说，如果我有这样的：

<div id = "word"> 
    hello world 
</div> 

我希望能够点击word DIV中的任何字，并得到它没有选择。这可能使用JQuery，也许？

Answer 1

你想说点击一个文本块中的单词可以提醒你那个特定的单词？如果是，那么这里就是js fiddle为您提供：

http://jsfiddle.net/Vap7C/1/

，这里是一个类似Stackoverflow问题可以帮助你很多：

Detect which word has been clicked on within a text

希望这有助于。

Answer 2

可能是这样一个能够帮助别人：

 <div id="myDiv" onmouseover="splitToSpans(this)" onclick="alert(event.target.innerHTML)">This is a test paragraph. I love cats. Please apply here</div> 
function splitToSpans(element){ 
    if($(element).children().length) 
     return; 
    var arr = new Array(); 
    $($(element).text().split(' ')).each(function(){ 
    arr.push($('<span>'+this+' </span>')); 
    }); 
    $(element).text(''); 
    $(arr).each(function(){$(element).append(this);}); 
}