微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果示例
更新時(shí)間：2017年12月01日 10:36:19 作者：FutrueJet
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果,涉及微信小程序事件綁定及元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
index.wxml文件
<view class="view"
style="left:{{left}}px;top:{{top}}px;"
bindtouchmove="viewTouchMove"
>使用鼠標(biāo)拖動(dòng)我</view>
index.js文件
Page({
data:{
left:'',
top:''
},
viewTouchMove:function(e){
this.setData({
left:e.touches[0].clientX-60,
top:e.touches[0].clientY-60
})
}
})
3、完整實(shí)例代碼點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
相關(guān)文章
使用fabric實(shí)現(xiàn)恢復(fù)和撤銷功能的實(shí)例詳解
在圖形編輯器中,撤銷和恢復(fù)是一個(gè)非常常見的功能了,但是搜了下,網(wǎng)上好像也沒有太多相關(guān)的文章 可能是因?yàn)閏anvas相關(guān)的資料確實(shí)太少了吧,所以本文給大家介紹了如何基于 fabric 實(shí)現(xiàn)恢復(fù)、撤銷功能,需要的朋友可以參考下2024-06-06
詳解用webpack的CommonsChunkPlugin提取公共代碼的3種方式
本篇文章主要介紹了詳解用webpack的CommonsChunkPlugin提取公共代碼的3種方式，具有一定的參考價(jià)值，有興趣的可以了解一下2017-11-11
淺析javascript中函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別
這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別,需要的朋友可以參考下2015-02-02
JS獲取鼠標(biāo)坐標(biāo)位置實(shí)例分析
這篇文章主要介紹了JS獲取鼠標(biāo)坐標(biāo)位置的方法,結(jié)合實(shí)例形式分析了JavaScript常見的獲取鼠標(biāo)頁(yè)面、屏幕等坐標(biāo)位置的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-01-01
JavaScript函數(shù)節(jié)流和函數(shù)防抖之間的區(qū)別
本文主要介紹了JavaScript函數(shù)節(jié)流和函數(shù)防抖之間的區(qū)別。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JavaScript實(shí)現(xiàn)刪除數(shù)組重復(fù)元素的5種常用高效算法總結(jié)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)刪除數(shù)組重復(fù)元素的5種常用高效算法,結(jié)合實(shí)例形式總結(jié)分析了javascript刪除數(shù)組重復(fù)元素的幾種常見操作技巧,需要的朋友可以參考下2018-01-01
下面小編就為大家?guī)硪黄狫S轉(zhuǎn)換HTML轉(zhuǎn)義符的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JavaScript代碼調(diào)試方法實(shí)例小結(jié)
這篇文章主要介紹了JavaScript代碼調(diào)試方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript錯(cuò)誤信息的處理與代碼調(diào)試相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
Three.js實(shí)現(xiàn)簡(jiǎn)單3D房間布局
這篇文章主要為大家詳細(xì)介紹了Three.js實(shí)現(xiàn)簡(jiǎn)單3D房間布局的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
hover 和 :focus 這樣的偽類，我們可以很方便的將元素從一個(gè)樣式切換到另一個(gè)樣式，而且切換是會(huì)有過渡效果。但有時(shí)我們想要使用 js 來驅(qū)動(dòng)過渡（即在代碼中觸發(fā)過渡）也是可以實(shí)現(xiàn)的，下面通過本文給大家介紹下2017-01-01