Question

我想创建一个滑块。这是我的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>

但是，这仅适用于计算机，但不适用于触摸屏。我曾尝试使用touchmove，slide，scroll等事件。但它们都不起作用。我应该使用哪些事件才能使其在触摸屏中工作？

Answer 1

首先：将你的风格和脚本放在不同的文件中。

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

来自他们网站的例子：

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
});

手机触摸事件

1 个答案: