您好,登錄后才能下訂單哦!
JS中的sender參數(shù)(sender是事件的傳值)前提是只有一個(gè)touch移動(dòng)的時(shí)候。多個(gè)touch需要在
changedTouches
數(shù)組中查找
redclcik:function(sender){ wx.showModal({ title: '點(diǎn)擊紅色', content: '', }) console.log(sender); }, redmove:function(sender){ console.log(sender); // console.log(sender.changedTouches[0].pageX); },
.wxss內(nèi)容:
<view>移動(dòng)視圖控件</view> <!-- 創(chuàng)建一個(gè)move-area --> <movable-area > <!-- 可以移動(dòng)view 黃色、寬高100rpx--> <movable-view style='background:yellow;width:100rpx;height:100rpx;' direction="all"> </movable-view> <!-- 可以移動(dòng)view 紅色、寬高100rpx--> <movable-view style='background:red;width:100rpx;height:100rpx;' direction="all" bindtap='redclcik' bindtouchmove='redmove'> </movable-view> </movable-area>
視圖效果:
總結(jié)
以上所述是小編給大家介紹的微信小程序移動(dòng)拖拽視圖-movable-view實(shí)例詳解,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時(shí)回復(fù)大家的!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。