小編給大家分享一下微信小程序中如何實現鼠標拖動效果,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創新互聯專注于企業營銷型網站、網站重做改版、伍家崗網站定制設計、自適應品牌網站建設、H5頁面制作、商城網站建設、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為伍家崗等各大城市提供網站開發制作服務。
1、效果展示
2、關鍵代碼
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 }) } })
以上是“微信小程序中如何實現鼠標拖動效果”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
當前題目:微信小程序中如何實現鼠標拖動效果
文章來源:http://vcdvsql.cn/article20/pcopco.html
成都網站建設公司_創新互聯,為您提供App開發、網站策劃、網頁設計公司、品牌網站制作、手機網站建設、建站公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯