本文实例讲述了微信小程序实现鼠标拖动效果。分享给大家供大家参考,具体如下:
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
- })
- }
- })
3、完整实例代码点击此处 本站下载 。
希望本文所述对大家微信小程序开发有所帮助。
来源: http://www.jb51.net/article/129540.htm