如何在页面加载时用jQuery自动触发Shift+R按键事件？

哥们儿，我太懂你这困扰了——用jQuery的trigger()确实搞不定组合键的真实模拟，尤其是要在页面刚加载时就触发Shift+R这种操作。别愁，咱们用原生JS的KeyboardEvent API来解决，这可比trigger靠谱多了！

核心思路 #

要模拟Shift+R的组合按键，得严格按照真实的按键顺序来：先按住Shift键，再按下并松开R键，最后松开Shift键。原生的KeyboardEvent能精准还原这个过程，还能同步修饰键的状态。

完整代码示例 #

把这段代码放到你的页面里，就能在页面加载完成后自动触发Shift+R：

window.addEventListener('load', function() {
  // 1. 触发Shift键按下事件
  const shiftDown = new KeyboardEvent('keydown', {
    key: 'Shift',
    keyCode: 16,
    which: 16,
    shiftKey: true, // 标记Shift处于按下状态
    bubbles: true,
    cancelable: true
  });
  document.dispatchEvent(shiftDown);

  // 2. 触发R键按下事件（此时Shift仍处于按下状态）
  const rDown = new KeyboardEvent('keydown', {
    key: 'r',
    keyCode: 82,
    which: 82,
    shiftKey: true, // 必须保持Shift为true，模拟组合键
    bubbles: true,
    cancelable: true
  });
  document.dispatchEvent(rDown);

  // 3. 触发R键松开事件
  const rUp = new KeyboardEvent('keyup', {
    key: 'r',
    keyCode: 82,
    which: 82,
    shiftKey: true,
    bubbles: true,
    cancelable: true
  });
  document.dispatchEvent(rUp);

  // 4. 最后触发Shift键松开事件
  const shiftUp = new KeyboardEvent('keyup', {
    key: 'Shift',
    keyCode: 16,
    which: 16,
    shiftKey: false,
    bubbles: true,
    cancelable: true
  });
  document.dispatchEvent(shiftUp);
});

关键注意点 #

• 为啥trigger()不行？因为jQuery的trigger()只是调用了你绑定的事件处理函数，没法真正模拟浏览器原生的按键状态（比如修饰键是否按下），自然触发不了组合键的效果。
• 如果你的目标是某个特定元素（比如输入框），把代码里的document换成对应的元素选择器就行（比如document.querySelector('#your-input')）。
• 要是你想触发的是浏览器默认的Shift+R行为（比如强制刷新页面），直接调用window.location.reload(true);反而更靠谱——因为部分浏览器会限制非用户交互触发的按键模拟，防止恶意脚本滥用。

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