本文是分享了爪哇岛描述语言实现移动端上的触屏拖拽功能，具体内容如下

效果图：

实现代码：

！DOCTYPE html html head meta charset=' utf-8 ' title/title meta name=' viewport ' content=' width=device-width，user-scalable=no，initial-scale=1.0，maximum-scale=1.0，minimum-scale=1.0 '/style body { height : 2000 px；} # block { width:200px高度：200 px背景-颜色：红色；绝对位置：左： 0；top : 0；} /style /head body div touchstart，touchmove，touchend，touch cancel/div div id=' block '/div script//获取节点var block=文档。getelementbyid(' block ')；var oW，oH；//绑定touchstart事件封锁。addeventlistener('触摸开始'，函数{控制台。日志(e)；var touch=e . touch[0]；oW=触摸。clientx-blockoffsetleftoH=触摸。客户街区。偏移顶部；//阻止页面的滑动默认事件文件。addeventlistener(' touch move '，defaultEvent，false)；}，false)块。addeventlistener(' touch move '，函数(e){ var touches=e . touches[0]；var oLeft=触摸。客户端x-oW；var OtoP=师爷。client y-oH；if(oLeft 0){ oLeft=0；} else if(oLeft文档。文档元素。客户端宽度-块。offsetwithts){ oLeft=(文档。文档元素。客户端宽度-块。offset with)；} block。风格。left=oLeft ' px封锁。风格。top=OtoP ' px}，false)；封锁。addeventlistener(' touch end '，function(){ document。removeeventlistener(' touch move '，defaultEvent，false)；}，false)；函数default event(e){ e . PreventDefault()；}/脚本/正文/html以上就是本文的全部内容，希望对大家学习爪哇岛描述语言程序设计有所帮助。