手机html端悬浮球,手机移动端网站触屏可拖动悬浮球

手机移动端网站触屏可拖动悬浮球

touch {

width: 60px;

height: 60px;

position: absolute;

left: 600px;

top: 300px;

margin-left: -30px;

margin-top: -30px;

z-index: 999999;

}

#simple-menu {

cursor: move;

}

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

div.addEventListener('touchmove',function(event) {

event.preventDefault();//阻止其他事件

// 如果这个元素的位置内只有一个手指的话

if (event.targetTouches.length == 1) {

var touch = event.targetTouches[0]; // 把元素放在手指所在的位置

div.style.left = touch.pageX + 'px';

div.style.top = touch.pageY + 'px';

div.style.background = "";

}

}, false);

function onClick() {

alert('你敢点我！');

}