微信小程序实现鼠标拖动效果实现方法

1、效果展示

2、关键代码

index.wxml文件

<view class="view"   style="left:{{left}}px;top:{{top}}px;"   bindtouchmove="viewTouchMove"   >使用鼠标拖动我</view>

index.js文件

Page({    data:{      left:'',      top:''    },    viewTouchMove:function(e){      this.setData({        left:e.touches[0].clientX-60,        top:e.touches[0].clientY-60      })    }  })

相关推荐：

js实现鼠标拖动功能

css3 transform及原生js实现鼠标拖动3D立方体旋转的示例介绍

jquery实现鼠标拖动图片效果示例代码_jquery

以上就是微信小程序实现鼠标拖动效果实现方法的详细内容，更多内容请关注技术你好其它相关文章！