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에서 eventbus의 자세한 해석

WeChat 애플릿을 사용하여 그림 선택 영역 자르기를 구현하는 방법

선택한 텍스트를 가져오는 방법 Javascript에 들어 있는 문장

위 내용은 WeChat 애플릿에서 마우스 끌기를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!