Javascript 手机触摸事件

我想创建一个滑块。以下是我的javascript代码：

<div id="ghgh" style='width:50px;height:50px;position:absolute;top:0;left:0;background:#000'>
</div>
<script type="text/javascript">
$(document).bind('mousemove',function(ev){
$('#ghgh').offset({left:(ev.pageX-25)});});
</script>

$（文档）.bind（'mousemove'，函数（ev）{
$（'#ghgh'）。偏移量（{左：（ev.pageX-25）}）；}）；

---

然而，这只适用于计算机，而不适用于触摸屏。我曾尝试过使用触摸移动、滑动、滚动等事件，但都不起作用。我应该使用哪些事件才能使其在触摸屏上工作？

首先：将样式和脚本放在单独的文件中

对于触摸事件，您可以查看

他们网站上的示例：

Hammer(el).on("swipeleft", function() {
    alert('you swiped left!');
});

编辑：更具体的示例：

Hammer(document.body).on('drag', function (event) {
    var gesture = event.gesture,
        pageX = gesture.center.pageX,
        pageY = gesture.center.pageY,
        deltaX = gesture.deltaX,
        deltaY = gesture.deltaY;
    // console.log(event); Uncomment this to see all properties of the event object in your webinspector console
});

---

我还能得到x的位置吗？（ev.pageX）我可以用$替换锤子吗？您不应该用

$

替换

Hammer

，因为这可能会与其他库（如

jQuery

）产生冲突。是的，您可以从事件对象获取某些值<代码>锤击（el）.on（“滑动”，函数（事件）{…}）。看看这个网站；

事件

对象仅包含所需的数据。计算可滑动元素的位置是您自己的工作。