gpt4 book ai didi

javascript - 防止ionRangeSlider在鼠标移出后改变值

转载 作者:太空宇宙 更新时间:2023-11-04 09:56:52 26 4
gpt4 key购买 nike

在此JSFiddle ,按住鼠标键并拖动到 JSFiddle 结果 iframe 之外。

然后松开按钮。将鼠标移到 slider 上。然后,无需按住按钮即可更改 slider 值。

如何防止这种行为?

代码非常简单:

var $range = $(".js-range-slider");

$range.ionRangeSlider({
type: "double",
min: 100,
max: 1000,
from: 300,
to: 800
});

最佳答案

首先,将ionRangeSlider赋值给一个变量,读取docs

var slider = $(".js-range-slider").data("ionRangeSlider");

因此, slider 对象具有属性 dragging: true

一次,你可以从主容器中 mouseout,使 dragging: false

var slider = $(".js-range-slider").data("ionRangeSlider");

$(".range-slider").mouseleave(function(){
slider.dragging = false;
});

检查 jsfiddle

关于javascript - 防止ionRangeSlider在鼠标移出后改变值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38640084/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com