javascript - 在 Qualtrics "Highlight"项目类型中指示目标词

Question

我想创建一个 Highlight 问题类型的调查项目，其中句子中只有几个单词需要回答。例如，在句子中...

Once upon a time there was a young foo who barred / bart his way out of many pickles.

...我只想接收针对barred 和bart 的响应。具体来说，我希望受访者指出哪个词是最正确的，剩下的词是可能的还是不可能的。我的问题是内置界面不指示可以单击哪些单词(除非您将鼠标悬停在上方，在这种情况下背景颜色变为灰色)。这意味着我的受访者将不得不努力找出哪些词需要回应。

我想使用 javascript 自动更改 HLTextWord 元素的背景颜色，无需任何用户交互。我尝试了以下方法，取得了预期的效果，但有一个错误。

Qualtrics.SurveyEngine.addOnload(function()
{
    var elems = document.getElementsByClassName('HLTextWord');
    for(var i = 0; i < elems.length; i++) {
        elems[i].style.backgroundColor = '#e6ffff';
    }
});

此代码最初有效，但如果我单击 HLTextWord 元素或颜色选择窗口以外的任何内容，则突出显示会丢失。我需要做什么才能使 #e6ffff 突出显示一直持续到用户为该元素选择新颜色？

Answer 1

不使用 JavaScript，在外观/高级/添加自定义 CSS 下添加:

span.HLTextWord {
    background-color:#e6ffff;
}

顺便说一句，如果它很重要，我们最近在一项调查中使用了突出显示问题，发现它不适用于使用 Android/Chrome v44 的人(基本上，用户尚未升级的任何最新三星 Android 设备他们的浏览器)。