javascript - Javascript：如何在光标的当前位置插入域？(Javascript: how do I insert the domain at the current position of the cursor?)

Question

Can Javascript in the form of a bookmarklet or similar, insert the domain of the current page at the position of the cursor?

(可以采用书签或类似形式的Javascript在光标所在的位置插入当前页面的域吗？)

How?

(怎么样？)

Interested in inserting both stackoverflow.com , www.stackoverflow.com as well as just www .

(有兴趣插入stackoverflow.com ， www.stackoverflow.com以及www 。)

(Use case: I am writing a question here at SO, the cursor is in either the title text field or the question body text area and I want to insert the domain name at the current position of the cursor).

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

  ask by d-b translate from so

Answer 1

When focusing the textarea, click the bookmarklet, and use document.activeElement to identify the textarea, and .slice its value, concatenating with window.location.origin :

(当集中文本区域时，单击小书签，并使用document.activeElement标识文本区域，并对其值进行.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);
})();

If you want the bookmarklet to work for the iframe inside https://robot-parts.confetti.events/ , then access the contentWindow.document to get to the activeElement :

(如果您希望小书签在https://robot-parts.confetti.events/的iframe中起作用， https://robot-parts.confetti.events/访问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);
})();