这篇文章主要为大家详细介绍了射流研究…实现简单移动端鼠标拖拽，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了射流研究…实现移动端鼠标拖拽的具体代码，供大家参考，具体内容如下

！文档类型超文本标记语言

html lang='en '

头

meta charset='UTF-8 '

meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '

meta http-equiv=' X-UA-Compatible ' content=' ie=edge '

标题文档/标题

风格

#分区{

宽度：100%;

高度：200像素

背景：rosybrown

}

#按钮{

位置：绝对；

}

/风格

/头

身体

div id='div '

按钮id='button '看我的魔法屌不屌/按钮

/div

脚本

var button=文档。getelementbyid(“button”)

按钮。ontouchstart=函数(e){

var startX=e.touches[0].clientX-这个。向左偏移；

var startY=e.touches[0].客户-这个。offsettop

this.ontouchmove=function(e) {

button.style.left=e.touches[0].clientX-startX“px”；

button.style.top=e.touches[0].clientY-startY“px”；

}

}

button.ontouchend=function() {

button.ontouchmove=null

}

/脚本

/body

/html

更多精彩文章请点击专题：Javascript拖拽特效汇总

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。