为 AJAX 多手柄滑块扩展器添加触摸屏拖动功能答案

【问题标题】：Add touch screen drag capabilities to AJAX multihandlesliderextender为 AJAX 多手柄滑块扩展器添加触摸屏拖动功能
【发布时间】：2016-05-09 13:56:59
【问题描述】：

我已将 AJAX MultiHandleSliderExtender 添加到我的站点并自定义了布局。现在一切正常，我可以使用鼠标拖动滑轨。但是，当我尝试使用触摸屏显示器拖动滑块时，它似乎不起作用。我可以使用触摸屏点击导轨，导轨将移动到该位置，但理想情况下我希望用户触摸导轨并将其拖动到所需的值。

客户很肯定他们希望在此解决方案中使用触摸屏显示器，因此我需要让其工作。但是我找不到任何关于此的文章。任何有关这方面的帮助指针将不胜感激。

以下是代码示例。

Minimum:
<asp:TextBox ID="txtMin" runat="server" CssClass="txtSmall">
Maximum:
<asp:TextBox ID="txtMax" runat="server" CssClass="txtSmall">

<ajaxToolkit:MultiHandleSliderExtender ID="txtMultiHandleSliderExtender" RailCssClass="SliderRail" Length="1000" runat="server" BehaviorID="MultiHandleSliderExtender" HandleAnimationDuration="0.1" Maximum="25" Minimum="1" TargetControlID="txtSlider" EnableHandleAnimation="True">





<asp:TextBox ID="txtSlider" runat="server">

CSS

.txtSmall
{
border:1px solid #3A3A37;
background-color:#FFFFFF;
color:#373737;
width:50px;
height:40px;
font-size:20px;
}

.SliderHandle {
position: absolute;
background: url('../Design/Images/btn3.png') no-repeat; 
height:30px;
width: 30px;
}

.SliderRail {
position: relative;
background: url('../Design/Images/slider.jpg') repeat-x;
height: 22px;
width: 150px;
}

我尝试过的：

我尝试修改实际 MultiHandleSliderExtender 和相关 CSS 类的设置，但没有任何效果。

【问题讨论】：

标签： asp.net ajax ajaxcontroltoolkit

【解决方案1】：

我在Sample site 尝试了 MultiHandleSliderExtender 示例，并提出了这个想法，即显示器的触摸驱动程序不允许这样做。如果我尝试滑动某些东西，它会移动整个页面，或者检测到像鼠标右键一样的长触摸。

【讨论】：