在我的Angular 2应用程序中,我使用普通的HTML5输入类型“范围”为用户提供一个简单的滑块组件。
<input type="range" [min]="x" [max]="y" (mouseup)="onReleased()" />
我需要知道用户何时释放滑块。释放意味着使用鼠标完成拖动并释放鼠标按钮。为此,我参加了OnMouseUp活动。然而,这不适用于我使用触摸设备的情况。
在我的平板电脑,我可以拖动滑块aroun,但当释放它与我的手指的事件是没有发射。
我知道,这不是鼠标,但是什么事件相当于在鼠标上运行并在触摸设备上工作?
您的问题的答案似乎是touchend事件。
我假设有一种方法可以在更广泛的touch Events Web API中使滑块成为触摸表面
我有以下输入,我转换成一个滑块: (点击)似乎是错误的角度事件。当鼠标指针没有悬停在滑块上时,只要拖动并放开它,就不会执行。 我尝试过其他活动,比如(dragexit),(mouseup)或其他什么,但都没有成功。当我拖动这个滑块时,不管鼠标在哪里,它都应该执行-方法。 这是我的CSS(这应该无关紧要): 以下是我的组件中的数字(在HTML文件中提到):
我制作了一个滑块,它的额外功能是允许用户轻松地将其设置为精确的中心。试试看它是如何在中间停止的,但是如果你继续拖着它穿过停止区或者拖拽它,你可以在任何地方滑动它。 如果用户将滑块旋钮拖动到中点并释放鼠标,那么“粘性”应该被移除,这样当用户再次开始拖动时,它就不会开始“卡住”。 问题是,如果用户将其滑离起始点的中点,然后将其滑回中点,事件将不会触发,因为最终值实际上没有改变。 我尝试使用/而不是,但
在本地MacOS应用程序的触摸栏中创建滑块 进程: 主进程 new TouchBarSlider(options) 实验功能 用途:创建新滑块 options Object label String (可选) - 标签文本. value Integer (可选) - 所选值 minValue Integer (可选) - 最小值 maxValue Integer (可选) - 最大值 chang
我正在使用rn范围滑块包(https://www.npmjs.com/package/rn-range-slider)我目前正在使用onValueChanged道具,如下所示: 问题是,这会为每个步骤设置状态,例如,当从30滑动到80时,会为每个步骤添加设置状态(在我的情况下,步骤=5),因此30、35、40。。。80 我只想在用户从滑块释放手指时设置状态,即最终数字。有一个名为“onTouchE
本文向大家介绍如何在触摸设备上使用JavaScript拖放?,包括了如何在触摸设备上使用JavaScript拖放?的使用技巧和注意事项,需要的朋友参考一下 对于触摸式设备的JavaScript拖放,可以使用jQuery UI Touch Punch或拖放式Touch。 许多不同的事件可用于成功执行拖放操作, 有许多不同的事件需要附加,以监视整个拖放过程- 拖动开始 拖动 德拉贡特 拖曳 拖曳 下
问题内容: 当我玩时,只有在将滑块放到新位置时Firefox才会触发onchange事件,在该位置上,Chrome和其他人在拖动滑块时触发onchange事件。 如何在Firefox中拖动来实现? 问题答案: 显然Chrome和Safari是错误的:仅应在用户释放鼠标时才触发。要获取连续更新,您应该使用该事件,该事件将通过鼠标和键盘捕获Firefox,Safari和Chrome中的实时更新。 但是