微信小程序“搖一搖”的實(shí)例代碼
微信小程序并沒(méi)有提供搖一搖API接口,但是提供了一個(gè)重力感應(yīng)的API 「wx.onAccelerometerChange(CALLBACK)」,我們可以用這個(gè)方法來(lái)模擬微信搖一搖功能,代碼如下:
Page({ onShow: function () { wx.onAccelerometerChange(function (e) { console.log(e.x) console.log(e.y) console.log(e.z) if (e.x > 1 && e.y > 1) { wx.showToast({ title: '搖一搖成功', icon: 'success', duration: 2000 }) } }) }, onHide: function(){ } })
但如果小程序需要啟用tabbar的話,這樣啟用重力感應(yīng)API會(huì)使tabbar下面所有頁(yè)面都會(huì)監(jiān)聽(tīng)到重力感應(yīng)數(shù)據(jù),導(dǎo)致模擬搖一搖在所有頁(yè)面都能出現(xiàn)搖一搖的結(jié)果,這并不是我們想要的,我們只是想在tabbar下其中一個(gè)頁(yè)面允許他獲取到重力感應(yīng)數(shù)據(jù),那么就需要我們自己加入一個(gè)是否在當(dāng)前頁(yè)面的判斷,根據(jù)判斷結(jié)果來(lái)啟用監(jiān)聽(tīng)重力感應(yīng)API,代碼修改如下:
Page({ isShow: false, onShow: function () { var that = this; this.isShow = true; wx.onAccelerometerChange(function (e) { if(!that.isShow){ return } console.log(e.x) console.log(e.y) console.log(e.z) if (e.x > 1 && e.y > 1) { wx.showToast({ title: '搖一搖成功', icon: 'success', duration: 2000 }) } }) }, onHide: function(){ this.isShow = false; } })
修改以后重新編譯預(yù)覽就達(dá)到我們想要的效果了。
總結(jié)
以上所述是小編給大家介紹的微信小程序“搖一搖”的實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
談?wù)凧avaScript中瀏覽器兼容問(wèn)題的寫(xiě)法小議
本篇文章主要介紹了JavaScript中瀏覽器兼容問(wèn)題的寫(xiě)法小議,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-12-12Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12淺析Javascript中雙等號(hào)(==)隱性轉(zhuǎn)換機(jī)制
這篇文章給大家詳細(xì)介紹了javascript中雙等號(hào)(==)隱性轉(zhuǎn)換機(jī)制,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-10-10web性能優(yōu)化之javascript性能調(diào)優(yōu)
本文詳細(xì)介紹Web 開(kāi)發(fā)中關(guān)于性能方面需要注意的一些小細(xì)節(jié),從 JavaScript 本身著手,介紹了 JavaScript 中需要避免的一些函數(shù)的使用和編程規(guī)則,比如 eval 的弊端,function scope chain 以及 String 的用法等等2012-12-12javascript canvas實(shí)現(xiàn)簡(jiǎn)易時(shí)鐘例子
這篇文章主要為大家詳細(xì)介紹了javascript canvas實(shí)現(xiàn)簡(jiǎn)易時(shí)鐘例子,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09自己寫(xiě)的Javascript計(jì)算時(shí)間差函數(shù)
Javascript計(jì)算時(shí)間差函數(shù),獲得時(shí)間差,時(shí)間格式為 年-月-日 小時(shí):分鐘:秒 或者 年/月/日 小時(shí):分鐘:秒。2013-10-10