请求为Qualtrics Text/Graphic题型添加空格键跳转自定义JavaScript代码

操作步骤 #

1. 打开Qualtrics问卷编辑器，定位到目标「Text/Graphic」题型，点击题型右上角的齿轮图标，选择「添加JavaScript」。
2. 清空编辑器里的默认代码，粘贴下方的自定义代码，保存设置即可。

自定义代码 #

Qualtrics.SurveyEngine.addOnload(function() {
    // 监听全局键盘按键事件
    document.addEventListener('keydown', function(e) {
        // 判断是否按下空格键，且当前焦点不在输入框/文本域内
        if (e.keyCode === 32 && e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA') {
            e.preventDefault(); // 阻止空格默认的页面滚动行为
            // 获取并点击下一题按钮
            const nextBtn = document.getElementById('NextButton');
            nextBtn?.click();
        }
    });
});

代码说明 #

• Qualtrics.SurveyEngine.addOnload：Qualtrics的内置加载函数，确保代码在问卷元素完全加载后执行。
• 监听空格键：通过keydown事件捕获按键，e.keyCode === 32对应空格键的识别。
• 排除输入场景：判断当前焦点不在输入框（INPUT）或文本域（TEXTAREA）内，避免干扰用户输入操作。
• 触发跳转：获取Qualtrics默认的下一题按钮（ID固定为NextButton），模拟点击实现跳转。

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