在IE和Edge中禁用跟踪范围滑块

时间:2018-06-25 16:03:19

标签: javascript jquery html css internet-explorer

我想防止用户直接在范围元素的轨迹上滑动以指定值,并且只允许他们拖动滑块。使用以下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中单击曲目的行为。任何帮助表示赞赏。

0 个答案:

没有答案