我如何在可满足的中选择整个URL地址

发布于 2025-01-24 12:41:18 字数 549 浏览 2 评论 0原文

在可满足的链接中，链接不起作用，因此我认为最好的解决方案是至少在光标位于URL中的任何部分时，都可以单击一单击或两次单击，然后右键单击，然后右键单击和去网站。是否有JavaScript解决方案，类似于Android Phone的长压和粘贴？

＆lt; div contentectiate =“ true”＆gt;在此处，然后完整的URL https://gizmodo.com/e-ink-kaleido-3-gallery-3-gallery-3-foldable-color-e-readers-color-e-readers-18484848848848848842166但是我只想从一两个点击中选择URL，如何？＆lt;/div＆gt;

可满足的：

some text here, then the complete url https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 but i just want to select the url with one or two clicks, how?

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

没企图 2025-01-31 12:41:18

您可以用锚标记替换URL字符串，然后连接onclick侦听器以导航到单击时：

text.innerHTML = text.textContent.replace(/https*:\/\/[^\s]+/gmi, (match) => `<a style="cursor:pointer" href="${match}">${match}</a>`);

[...text.children].forEach(a => a.onclick = (e) => window.open(a.href))

text.onblur = e => {
e.target.innerHTML = e.target.textContent.replace(/https*:\/\/[^\s]+/gmi, (match) => `<a style="cursor:pointer" href="${match}">${match}</a>`);
[...text.children].forEach(a => a.onclick = (e) => window.open(a.href))
}

<div id="text" contenteditable="true">some text here, then the complete url https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 i just want to select the url with one or two clicks, how? Another url here: https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166
</div>

（限制了摘要中的导航，但应在普通窗口中起作用）

You could replace the url strings with anchor tags and attach an onclick listener to navigate to the url on click:

text.innerHTML = text.textContent.replace(/https*:\/\/[^\s]+/gmi, (match) => `<a style="cursor:pointer" href="${match}">${match}</a>`);

[...text.children].forEach(a => a.onclick = (e) => window.open(a.href))

text.onblur = e => {
e.target.innerHTML = e.target.textContent.replace(/https*:\/\/[^\s]+/gmi, (match) => `<a style="cursor:pointer" href="${match}">${match}</a>`);
[...text.children].forEach(a => a.onclick = (e) => window.open(a.href))
}

<div id="text" contenteditable="true">some text here, then the complete url https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 i just want to select the url with one or two clicks, how? Another url here: https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166
</div>

(The navigation in the snippet iframe is prevented but it should work in a normal window)

回复收藏 0 原文

~没有更多了~