通過單擊獲取單詞

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);}); 
}