javascript - 带热点自动前进

Question

当参与者回答热点问题时，我试图让调查自动前进，但点击任一区域。

我尝试使用下面的代码，认为“未定义”会覆盖任何非文本、单选或复选框的响应，但它不起作用。

还有其他我可以使用的元素“类型”吗？或者我必须先定义鼠标单击或区域名称？

var that = this;
this.questionclick = function(event,element){
    if (element.type == 'undefined')  {
       that.clickNextButton();
    }
}

谢谢!

Answer 1

热点区域位于 SVG 内，浏览器将其视为外部对象。这意味着任何引用 svg 对象的 javascript 都必须位于该对象内部。你的 JavaScript 不是。这就是它未定义的原因。

我认为你能做的最好的事情就是观察包含 svg 的 div。不幸的是，这意味着您无法判断受访者是单击了实际区域还是仅单击了图片。您可能想确保您的区域之间没有任何差距。无论如何，这里是观察热点图像点击的代码:

Qualtrics.SurveyEngine.addOnload(function() {
    $(this.questionId).select('div.HotSpotRegions').first().observe('click', function(event) {
        $('NextButton').click();
    });
});