h5可拖动悬浮按钮_移动端可拖拽悬浮窗+点击事件

.div{

width: 100px;

height: 50px;

position:fixed;

background-color: red;

border-radius:25px;

}

window.οnlοad=function(){

var flag = 0; //标记是拖曳还是点击

var oDiv = document.getElementById('div');

var disX,moveX,L,T,starX,starY,starXEnd,starYEnd;

oDiv.addEventListener('touchstart',function(e){

flag = 0;

e.preventDefault();//阻止触摸时页面的滚动，缩放

disX = e.touches[0].clientX - this.offsetLeft;

disY = e.touches[0].clientY - this.offsetTop;

//手指按下时的坐标

starX = e.touches[0].clientX;

starY = e.touches[0].clientY;

//console.log(disX);

});

oDiv.addEventListener('touchmove',function(e){

flag = 1;

L = e.touches[0].clientX - disX ;

T = e.touches[0].clientY - di