js 實現滑塊效果

var dd = $(".drag_bott").removeAttr('id').last().attr('id','drag_bott');
var drag = document.getElementById("drag_bott");
function moveButton(){
    obj = this;
    var intX = event.targetTouches[0].pageX;//點擊的X坐標
    var intY = event.targetTouches[0].pageY;//點擊的Y坐標
    var right = $(obj).css('left');
    var bottom = $(obj).css('bottom');
    obj.addEventListener('touchmove', function(){
        event.preventDefault();
        var moveX = event.targetTouches[0].pageX;//動態獲取鼠的X坐標
        var moveY = event.targetTouches[0].pageY;//動態獲取鼠的Y坐標
        var disX = intX-moveX;//差值
        var disY = moveY-intY;//差值
        var movX = parseInt(right)-disX+'px';//目標right值
        var movY = parseInt(bottom)-disY+'px';//目標bottom值
        $(obj).css('left',movX);
        $(obj).css('bottom',movY);
    });
};
drag.addEventListener('touchstart',moveButton,false);