质量滑块

Question

为了在 Qualtrics 中设计一个具体的真正努力的任务，我需要滑块值消失，直到参与者释放鼠标左键。我在 Whosebug 和其他地方查找了与我的问题相关的所有内容，但找不到合适的内容。我没有任何编码经验，这里我尝试使用 java-script:

Qualtrics.SurveyEngine.addOnload(function()
{
var mouseDown = 0;
document.body.onmousedown = function() { 
mouseDown = 1;
} 
document.body.onmouseup = function() {
mouseDown = 0;
}
if (mouseDown == 0) {
output.innerHTML = slider.value;
slider.oninput = function() {
  output.innerHTML = this.value;
}}
});

非常感谢任何帮助，在此先感谢。

Answer 1

你还差得远呢。您需要先检查 html，然后才能编写 JavaScript 与之交互。 jQuery 简化编码。尝试以下操作。

Qualtrics.SurveyEngine.addOnload(function() {
    var hiddenInput = null;
    jQuery("#" + this.questionId + " .track").mousedown(function(event) {   //add mousedown events to sliders
        hiddenInput = jQuery(this).closest('tr').find('input.ResultsInput:first');  //find associated display value
        hiddenInput.hide();
    });
    jQuery('.Skin').mouseup(function(event) {
        if(hiddenInput.length > 0) {    //hidden display value?
            hiddenInput.show();
            hiddenInput = null;
        }   
    }); 
});

质量滑块

Qualtrics slider

javascript

slider

qualtrics