用触摸移动img

时间:2015-10-31 16:12:06

标签: javascript jquery html css

我正试图用触摸拖动铲斗图像(仅限左右)。 我是移动开发的新手,所以我不熟悉触摸事件。

    bucket = document.getElementById("bucket");
    window.addEventListener('load', function () {
        var startx = 0;
        var dist = 0;

        bucket.addEventListener('touchstart', function (e) {
            var touchobj = e.changedTouches[0]; // reference first touch point (ie: first finger)
            startx = parseInt(touchobj.clientX); // get x position of touch point relative to left edge of browser
            e.preventDefault();
        }, false)

        bucket.addEventListener('touchstart', function (e) {
            var touchobj = e.changedTouches[0]; // reference first touch point for this event
            var dist = parseInt(touchobj.clientX) - startx;
            bucket.style.left = bucket.offsetLeft + dist;
            e.preventDefault();
        }, false)
    }, false)

谢谢所有助手。

0 个答案:

没有答案