Maison > interface Web > js tutoriel > Comment implémenter le glissement de la souris dans l'applet WeChat

Comment implémenter le glissement de la souris dans l'applet WeChat

亚连
Libérer: 2018-06-23 14:28:44
original
1854 Les gens l'ont consulté

Cet article présente principalement l'applet WeChat pour obtenir l'effet de glissement de la souris, impliquant la liaison d'événements de l'applet WeChat et les techniques de mise en œuvre liées aux opérations dynamiques des attributs d'élément. Les amis dans le besoin peuvent s'y référer

Cet article décrit les exemples WeChat. L'applet implémente l'effet de glissement de la souris. Partagez-le avec tout le monde pour référence, comme suit :

Code clé

fichier index.wxml

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

fichier index.js

Page({
  data:{
    left:&#39;&#39;,
    top:&#39;&#39;
  },
  viewTouchMove:function(e){
    this.setData({
      left:e.touches[0].clientX-60,
      top:e.touches[0].clientY-60
    })
  }
})
Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Comment utiliser toDoList dans Angular

Interprétation détaillée d'Eventbus dans vue

Comment utiliser l'applet WeChat pour recadrer la zone de sélection de l'image

Comment utiliser Javascript pour obtenir la phrase où se trouve le texte sélectionné

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal