如何通过JavaScript按钮点击触发Ctrl+D快捷键

直接通过JavaScript模拟Ctrl+D快捷键触发浏览器默认的添加书签对话框几乎不可能实现——现代浏览器的安全策略会拦截脚本对这类涉及浏览器核心功能的快捷键模拟，防止恶意网站滥用权限。

可行的替代方案 #

虽然无法直接触发对话框，但可以优化用户体验，引导用户完成添加书签操作：

• 提示系统快捷键：点击按钮时，根据用户操作系统提示对应的书签快捷键（Windows/Linux用Ctrl+D，Mac用Cmd+D），这是最可靠的方式。
• 辅助选中页面信息：自动选中页面URL或标题，方便用户快速操作。

修改后的代码示例 #

const bookmarkBtn = document.querySelector('.bookmark');

bookmarkBtn.addEventListener('click', () => {
  // 根据操作系统匹配对应快捷键
  const shortcut = navigator.platform.includes('Mac') ? 'Cmd+D' : 'Ctrl+D';
  alert(`请按下 ${shortcut} 将本页面添加到书签`);
  
  // 可选：自动复制页面URL到剪贴板
  const tempInput = document.createElement('input');
  tempInput.value = window.location.href;
  document.body.appendChild(tempInput);
  tempInput.select();
  document.execCommand('copy');
  document.body.removeChild(tempInput);
});

<button type="button" class="bookmark">添加书签</button>

补充说明 #

• 旧版IE曾支持window.external.AddFavorite(url, title)接口，但现代浏览器已完全废弃该功能。
• 浏览器扩展可通过专属API（如Chrome的chrome.bookmarks.create()）实现添加书签，但普通网页无此权限——这是出于用户隐私和浏览器安全的限制。

内容的提问来源于stack exchange，提问作者Anuj Thapa