av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue實現搖一搖功能(兼容ios13.3以上)

瀏覽:5日期:2022-10-08 17:53:52

最近做了個搖一搖類似的功能,使用的是shake.js,但在ios13.3之前的版本中可以觸發搖一搖,之后的版本需要兼容,需要制作一個讓用戶能手動點擊的彈框,才能使用戶授權動作與方向的權限。(需使用https協議)

Vue實現搖一搖功能(兼容ios13.3以上)

<van-popup v-model='isTip' :close-on-click-overlay='false'> <div class='mainBody'> <h3 class='systemTip'>溫馨提示</h3> <div class='confirm'> 由于ios系統需要手動獲取訪問動作與方向的權限,為保障游戲的正常進行,請在訪問提示中點擊允許。 </div> </div> <button @click='handleInit'> 知道了 </button></van-popup>

shake.js

//引入shake.jscreated(){ this.initShake() const isAction = JSON.parse(localStorage.getItem(’getAction’)) var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf('like mac os x') > 0){ var reg = /os [d._]*/gi ; var verinfo = ua.match(reg) ; var version = (verinfo+'').replace(/[^0-9|_.]/ig,'').replace(/_/ig,'.'); if (parseFloat(version) >= 13.3 && !isAction){ localStorage.setItem('getAction',true) this.isTip = true } }},methods:{ initShake(){ this.myShakeEvent = new Shake({ threshold: 15, // 搖動閾值 timeout: 1000 // 事件發生頻率,是可選值 }); this.myShakeEvent.start(); window.addEventListener(’shake’, xx); }, handleInit(){ this.isTip = false this.ios13granted() }, ios13granted() { if (typeof DeviceMotionEvent.requestPermission === ’function’) { DeviceMotionEvent.requestPermission().then(permissionState => { if (permissionState === ’granted’) { this.initShake() //搖一搖 } else if(permissionState === ’denied’){// 打開的鏈接不是https開頭 alert('當前IOS系統拒絕訪問動作與方向。請退出微信,重新進入活動頁面獲取權限。或直接點擊抽簽桶參與活動') } }).catch((error) => { alert('請求設備方向或動作訪問需要用戶手勢來提示') }) } else { // 處理常規的非iOS 13+設備 alert('處理常規的非iOS 13+設備') } },}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: IOS
相關文章:
主站蜘蛛池模板: 麻豆国产一区二区三区四区 | 观看av | 亚洲国产精品一区二区三区 | 日韩久久综合网 | 欧美日韩在线播放 | 91久久精品一区二区二区 | 99精品国产一区二区青青牛奶 | 狠狠色狠狠色综合日日92 | 欧美一级在线观看 | 亚洲国产成人精品在线 | 伊人久久在线 | 美女黄18岁以下禁止观看 | 国产线视频精品免费观看视频 | 亚洲精品乱码久久久久久蜜桃91 | 欧美在线视频二区 | 正在播放国产精品 | 亚洲成人黄色 | 日本精品一区二区三区在线观看视频 | 天天综合网天天综合 | 欧美成人一区二区三区片免费 | 看片一区 | 国产精品免费大片 | 一区二区三区在线免费观看 | 国产精品123区 | 在线看av网址 | 欧美精品一区二区三 | 黄色一级片在线播放 | 日日操夜夜摸 | 亚洲成人黄色 | 欧美精品国产精品 | 伊人伊成久久人综合网站 | 亚洲视频在线免费观看 | 无码一区二区三区视频 | 久久精品一区 | 久久性| 久在线精品视频 | 亚洲永久入口 | 日本爱爱视频 | 欧美成人一区二免费视频软件 | 一二区电影| xx性欧美肥妇精品久久久久久 |