JS实现移动端触屏拖拽功能

前端之家收集整理的这篇文章主要介绍了JS实现移动端触屏拖拽功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.html

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(); }

3.效果

4.几点说明

对于触屏手机端用手指事件,对于PC端用鼠标事件,其实原理都一样。

总结

以上所述是小编给大家介绍的JS实现移动端触屏拖拽功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章