jQuery Mobile Rangeslider 规范化事件

jQuery Mobile是一个基于 HTML5 的用户界面系统，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。 jQuery Mobile 的rangeslider小部件是一个双手柄滑块。滑块具有要设置的最小值和最大值，我们可以从min和max之间的范围中进行选择。

在本文中，我们将实现 jQuery Mobile范围滑块规范化事件。只要旋钮重叠，就会触发此事件。在这种情况下，输入值被标准化。指定回调以对此类事件执行任何操作。

语法：为 normalize 事件创建回调函数，如下所示：

$("#divID").rangeslider({
    normalize: function(event, ui) 
    {
        // Your code
    },
});

参数：它接受一个包含一个参数的回调函数。

• event：它接受事件类型值。

CDN 链接：为 jQuery Mobile 项目使用以下 CDN。

示例：在此示例中，我们将记录时间 当 normalize 事件被触发时 即当范围滑块的旋钮重叠时。

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
    jQuery Mobile Rangeslider normalize event
    
        Rangeslider:
        
        
               Rangeslider:
        
        
    
    
        $(document).ready(function() {
            $("#divID").rangeslider({
                normalize: function(event, ui) {
                    console.log("Overlapped handles at: ", 
                      new Date().getTime());
                },
            });
        });
    

输出：

参考：https://api.jquerymobile.com/rangeslider/#event-normalize