如何創建JS書籤在光標位置插入固定文本？

我想創建一個書籤，我可以放在瀏覽器的書籤工具欄上，當點擊它時，在當前的插入一個固定的，預定義的文本（在我的用例中是一個聳肩：¯\ _（ツ）_ /¯）光標位置（假設光標位於可編輯的輸入字段或textarea中）。但是，我是JavaScript的初學者，無法弄清楚如何開始這樣做。任何幫助？如果我能夠找到正確的方向，我可以從那裏弄清楚。謝謝！如何創建JS書籤在光標位置插入固定文本？

來源

2016-11-14 jcgoble3

[獲取活動輸入元素]（https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement）。 [獲取該元素內容中的光標位置]（http://stackoverflow.com/questions/2897155/get-cursor-position-in-characters-within-a-text-input-field）。 [訪問並修改輸入框的內容]（http://www.w3schools.com/jsref/prop_text_value.asp）。 [操作字符串以在需要的位置插入文本]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String）。 – afuous

@afuous這給了我所尋找的一切。在Firefox控制檯中進行實驗後，我在大約十分鐘內（包括分心）獲得了一個工作書籤。看到我的答案下面我想出了什麼。 – jcgoble3

不錯，我可能真的會自己使用這個。 – afuous

延誤道歉;在我發佈這個問題的時候，生活向我拋出了一些曲線球，直到StackOverflow通知我今晚的回覆後，我才忘記了這一點。

評論人afuous給了我一切，我正在尋找，我現在有一個工作書籤。對於其他人誰碰到這個來了，那就是：

javascript:(function(a){a.value=a.value.slice(0,a.selectionStart)+"%C2%AF\\_(%E3%83%84)_/%C2%AF"+a.value.slice(a.selectionEnd);})(document.activeElement);

這有讓我選擇一個文本的一部分，並使用該書籤與shruggie替換選擇，彷彿受益我在鍵盤上碰到了一個假想的shruggie鍵。

隨意偷取和修改，因爲你認爲合適。這僅在Firefox 50.0.2中測試過，但我認爲它應該適用於所有現代瀏覽器。（它不能在Internet Explorer 8或更低版本中運行。）

來源

2016-12-04 03:56:20 jcgoble3

CSS技巧有一篇文章，解釋如何做到這一點和更多。我很清楚鏈接只有答案在這裏不太理想，但問題是要求正確方向的指針，所以我認爲它很合適。

教程中的小書籤預裝了表單，所以基本上你會想要插入它，但首先要看看它是如何找到表單控件並預先填充的。然後調整，以適應您所需的功能，並最終撕掉一切你不需要或使用。

來源

2016-11-14 20:10:53 albert

看起來像很多偉大的信息，但它有點在我的頭上。我在下面發表的回答，基於對上述問題的評論，是我所需要的。不過謝謝你。 – jcgoble3

如何創建JS書籤在光標位置插入固定文本？

回答

相關問題