手機移動端網站觸屏可拖動懸浮球
touch {
width: 60px;
height: 60px;
position: absolute;
left: 600px;
top: 300px;
margin-left: -30px;
margin-top: -30px;
z-index: 999999;
}
#simple-menu {
cursor: move;
}
![](/image/images/zfb.png)
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('你敢點我!');
}