WeChat アプレットでマウス ドラッグを実装する方法

この記事では主に、WeChat アプレット イベント バインディングと要素属性の動的操作関連の実装テクニックを含む、マウス ドラッグ モーションを実装する WeChat アプレットの例を説明します。効果。参考までに、以下のように共有します:

キーコード

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
    })
  }
})

上記は私があなたのためにまとめたものです。未来。

関連記事:

AngularでtoDoListを使用する方法

vueでのイベントバスの詳細な解釈

WeChatアプレットを使用して画像選択領域のトリミングを実装する方法

を使用して選択されたテキストを取得する方法Javascript が配置されている文

以上がWeChat アプレットでマウス ドラッグを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。