如何使文本選擇適合在HTML中完成單詞？

我想使文本選擇跨度完整的單詞就像http://www.apture.com/那樣。確切地說，如果你在一個單詞的中間開始選擇，它應該包括整個單詞。如何使文本選擇適合在HTML中完成單詞？

例如，如果我的文字是這樣的：

「這是一些SA mple TE XT供選擇」

其中以粗體顯示的文字是用鼠標選中，那麼它應該覆蓋整個單詞進行選擇看起來像

「這是選擇一些示例文本」

我碰到此帖一 - >Expand selected text by one word這是完全相同的問題，但解決方案不適用於所有情況。

jQuery的wrapselection插件http://plugins.jquery.com/project/wrapSelection能夠做到這一點，但我不想使用整個插件。我只需要簡單的邏輯/代碼示例就可以做到這一點。

來源

2011-03-02 dev_musings

除非您的目標是56k調制解調器世界，否則使用wrapSelection是因爲它工作。如果你真的需要找出它是如何轉變它的魔法的，那麼抓住firebug（firefox插件）和一個非縮小版本的wrapSelection並逐步完成它。 – 2011-03-02 02:07:15

@Brandon我的javascript就像已經有好幾個KB，我不想讓它變得更大，這樣我的客戶在包含我的腳本時就不會看到任何延遲。此外，wrapSelection插件對其代碼擁有版權，並且沒有提及任何開源許可證或使用條款。所以我正在尋找一些簡單的邏輯來自己做。 – 2011-03-02 19:18:24

我不記得是誰說的，只是'只有當你看到它是一個問題時才擔心性能速度'。

因此，我會與布蘭登的建議使用wrapSelection - 它的工作原理，並縮小了15K。將所有腳本連接成一個包含在HTML底部的文件，並在用戶選擇文件時將其下載。

來源

2011-04-14 18:58:39

如何使文本選擇適合在HTML中完成單詞？

回答

相關問題