You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用JavaScript实现带剪贴板文本的URL打开功能?

解决方案

直接通过JavaScript读取剪贴板文本,编码后拼接成搜索URL并打开,无需先打开浏览器再粘贴,具体实现步骤如下:

  • 调用剪贴板API读取文本内容:用navigator.clipboard.readText()异步获取剪贴板内的选中内容
  • 对文本进行URL编码:使用encodeURIComponent()处理特殊字符(如空格、中文、符号等),避免URL格式错误
  • 拼接搜索URL并打开新窗口:将编码后的文本嵌入搜索地址,通过window.open()直接打开目标页面

完整代码示例

// 读取剪贴板内容并打开搜索URL
async function openSearchWithClipboardText() {
  try {
    // 读取剪贴板文本
    const clipboardText = await navigator.clipboard.readText();
    if (!clipboardText.trim()) {
      alert('剪贴板为空,请先复制文本');
      return;
    }
    // URL编码文本,适配特殊字符
    const encodedText = encodeURIComponent(clipboardText);
    // 拼接Google搜索URL(可替换为其他搜索地址)
    const searchUrl = `https://www.google.com/search?q=${encodedText}`;
    // 打开新窗口
    window.open(searchUrl, '_blank');
  } catch (err) {
    console.error('读取剪贴板失败:', err);
    alert('无法读取剪贴板,请检查权限设置');
  }
}

// 关联鼠标手势时,直接调用此函数触发动作
openSearchWithClipboardText();

注意事项

  • 确保运行环境支持navigator.clipboard API(现代浏览器或支持该API的桌面软件环境)
  • 部分环境可能需要开启剪贴板读取权限,需在软件设置中确认
  • 如果是CAT Tool特定上下文触发,需确认该工具允许执行此类JavaScript逻辑,且支持异步函数

内容的提问来源于stack exchange,提问作者Syrianux

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 16:59:51