我想防止用户直接在范围元素的轨迹上滑动以指定值,并且只允许他们拖动滑块。使用以下CSS代码,在IE和Edge以外的所有浏览器中,该功能都可以很好地工作:
#slider {pointer-events: none}
#slider::-moz-range-thumb {
pointer-events: auto !important;
}
#slider::-webkit-slider-thumb {
pointer-events: auto !important;
}
#slider::-ms-thumb {
pointer-events: auto !important;
}
#slider::-ms-track {
pointer-events: none !important;
}
然后,我遵循以下link的建议,并在Qualtrics的JS编辑器中另外输入以下代码:
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"
$(document).ready(function(){
$("input[name=Range]").css("pointer-events","none");
$("input[name=Range]").css("disabled","disabled");
});
但是,不幸的是,这不会改变在IE和Edge中单击曲目的行为。任何帮助表示赞赏。