獲取jquery中單擊事件的段落中的當前單詞

我正在嘗試構建一個工具，允許人們獲取單詞或短語（在選定時），選擇部分已完成，但不是單詞部分。獲取jquery中單擊事件的段落中的當前單詞

我需要能夠獲得當前的字，當有人點擊就一個字，我發現這個解決方案

get word click in paragraphs

不幸的是，這段代碼改變所有的單詞並添加<span>每一個字，因爲我不能在文本中添加html標籤（這可以導入或動態添加CSS文件），這導致了我的問題。

是否有更好的方法來完成此操作？

EX：

Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。 Donec auctor ante sit amet nisl consequat volutpat。

如果我點擊「坐」的話，我會提醒「坐」

來源

2012-09-07 Pat R Ellery

是圍繞文本什麼標記你想要點擊？ –

你會雙擊（突出顯示文字）嗎？爲努力 – Danny

嗯，你的解決方案，您將需要selections和doubleclick事件作爲一個棘手的事情工作，並獲得所選擇的字由doubleclick事件生成的範圍。

如果您不想引入新標籤，沒有其他方法。

試試這個：

現場演示：http://jsfiddle.net/oscarj24/5D4d3/

$(document).ready(function() { 

    /* set hand cursor to let know the user that this area is clickable */ 
    var p = $('p'); 
    p.css({ cursor: 'pointer' }); 

    /* doubleclick event working with ranges */ 
    p.dblclick(function(e) { 
     var selection = window.getSelection() || document.getSelection() || document.selection.createRange(); 
     var word = $.trim(selection.toString()); 
     if(word != '') { 
      alert(word); 
     } 
     /* use this if firefox: selection.collapse(selection.anchorNode, selection.anchorOffset); */ 
     selection.collapse(); 
     e.stopPropagation(); 
    }); 

});

希望這有助於:-)

來源

2012-09-07 16:24:22

好的.. +1 –

耶的作品，雖然我得到'NS_ERROR_XPC_NOT_ENOUGH_ARGS：沒有足夠的論據[nsISelection.collapse] [打破這個錯誤] \t range.collapse（）;'錯誤 –

當我刪除'range.collapse（）;'它工作，我應該刪除它嗎？ –