1.html
3.效果 对于触屏手机端用手指事件,对于PC端用鼠标事件,其实原理都一样。 以上所述是小编给大家介绍的JS实现移动端触屏拖拽功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
2.css
3.js
= maxW) {
oLeft = maxW;
}
if(oTop < 0) {
oTop = 0;
} else if(oTop >= maxH) {
oTop = maxH;
}
div1.style.left = oLeft + 'px';
div1.style.top = oTop + 'px';
});
//触摸结束时的处理
div1.addEventListener('touchend',function() {
document.removeEventListener("touchmove",defaultEvent);
});
//阻止默认事件
function defaultEvent(e) {
e.preventDefault();
}
4.几点说明
总结