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

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

亚连
亚连original
2018-06-23 14:28:441832parcourir

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>

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

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!

Déclaration:
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