微信小程式實作滑鼠拖曳效果實作方法

本文主要介紹了微信小程式實現滑鼠拖曳效果,涉及微信小程式事件綁定及元素屬性動態操作相關實現技巧,需要的朋友可以參考下，希望能和大家分享。

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##

以上是微信小程式實作滑鼠拖曳效果實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！