Javascript：如何在光标的当前位置插入域？

Question

Javascript 能否以书签或类似的形式，在光标位置插入当前页面的域？怎么样？

有兴趣插入 stackoverflow.com、www.stackoverflow.com 以及 www。

（用例：我在SO这里写一个问题，光标在标题文本字段或问题正文文本区域，我想在光标当前位置插入域名）。

Answer 1

聚焦textarea时，点击小书签，使用document.activeElement标识textarea，.slice其值，与window.location.origin连接：

javascript: (() => {
  const textarea = document.activeElement;
  const { selectionStart } = textarea;
  textarea.value = textarea.value.slice(0, selectionStart) + window.location.origin + textarea.value.slice(selectionStart);
})();

如果您希望书签适用于 https://robot-parts.confetti.events/ 内的 iframe，请访问 contentWindow.document 以访问 activeElement：

javascript: (() => {
  const textarea = document.querySelector('.signup-iframe').contentWindow.document.activeElement;
  const { selectionStart } = textarea;
  textarea.value = textarea.value.slice(0, selectionStart) + window.location.origin + textarea.value.slice(selectionStart);
})();

Answer 2

此函数为键盘快捷键ctrl+g添加一个事件列表器，并在光标位置插入当前url用于输入和textarea标签

const fields = ['INPUT','TEXTAREA'];
function doc_keyUp(e) {
   if (e.ctrlKey && e.keyCode == 71) {
    // call your function to do the thing
    console.log(document.activeElement)
    if(fields.includes(document.activeElement.tagName)){
      let myField = document.activeElement;
      let startPos = myField.selectionStart;
      let endPos = myField.selectionEnd;
      myField.value = myField.value.substring(0, startPos)
            + window.location.href
            + myField.value.substring(endPos, myField.value.length);
      }
   }
}
// register the handler
document.addEventListener('keyup', doc_keyUp, false);

演示https://js.do/6by3/insert-link-at-cursor