热点自动前进
Auto Advance with Hot Spot
我正在尝试让调查在参与者回答热点问题时自动推进,但单击任一区域。
我尝试使用下面的代码,认为 'undefined' 可以涵盖所有非文本、无线电或复选框的响应,但它不起作用。
还有其他元素 "types" 我可以使用吗?还是我必须先定义鼠标点击或区域名称?
var that = this;
this.questionclick = function(event,element){
if (element.type == 'undefined') {
that.clickNextButton();
}
}
谢谢!
热点区域位于 SVG 中,浏览器将其视为外部对象。这意味着任何引用 svg 对象的 javascript 都必须在对象内部。你的 javascript 不是。这就是它未定义的原因。
我认为你能做的最好的就是观察包含 svg 的 div。不幸的是,这意味着您无法判断受访者是点击了实际区域还是只是点击了图片。您可能希望确保您的区域之间没有任何差距。不管怎样,这里是观察点击热点图片的代码:
Qualtrics.SurveyEngine.addOnload(function() {
$(this.questionId).select('div.HotSpotRegions').first().observe('click', function(event) {
$('NextButton').click();
});
});
我正在尝试让调查在参与者回答热点问题时自动推进,但单击任一区域。
我尝试使用下面的代码,认为 'undefined' 可以涵盖所有非文本、无线电或复选框的响应,但它不起作用。
还有其他元素 "types" 我可以使用吗?还是我必须先定义鼠标点击或区域名称?
var that = this;
this.questionclick = function(event,element){
if (element.type == 'undefined') {
that.clickNextButton();
}
}
谢谢!
热点区域位于 SVG 中,浏览器将其视为外部对象。这意味着任何引用 svg 对象的 javascript 都必须在对象内部。你的 javascript 不是。这就是它未定义的原因。
我认为你能做的最好的就是观察包含 svg 的 div。不幸的是,这意味着您无法判断受访者是点击了实际区域还是只是点击了图片。您可能希望确保您的区域之间没有任何差距。不管怎样,这里是观察点击热点图片的代码:
Qualtrics.SurveyEngine.addOnload(function() {
$(this.questionId).select('div.HotSpotRegions').first().observe('click', function(event) {
$('NextButton').click();
});
});