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

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

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

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拖拽特效汇总

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