So implementieren Sie das Ziehen mit der Maus im WeChat-Applet

In diesem Artikel wird hauptsächlich das WeChat-Applet vorgestellt, um den Maus-Drag-Effekt zu erzielen. Dazu gehören die Ereignisbindung des WeChat-Applets und Implementierungstechniken für dynamische Elementattribute. Bedürftige Freunde können sich darauf beziehen.

Dieser Artikel beschreibt die WeChat-Beispiele Das Applet implementiert den Mauszieheffekt. Geben Sie es wie folgt als Referenz an alle weiter:

Schlüsselcode

index.wxml-Datei

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

index.js-Datei

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

Das Obige ist Was ich für alle zusammengestellt habe, ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie toDoList in Angular

Detaillierte Interpretation von Eventbus in Vue

So verwenden Sie das WeChat-Applet, um den Bildauswahlbereich zuzuschneiden

So verwenden Sie Javascript, um den Satz zu ermitteln, in dem sich der ausgewählte Text befindet

Das obige ist der detaillierte Inhalt vonSo implementieren Sie das Ziehen mit der Maus im WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!