ps做购物小网站,陕西恒发建设网站,wordpress多域名移动主题,怎么做小程序推广问题#xff1a;devicemotion 或者 deviceorientation 在window.addEventListener 事件中不生效#xff0c;没有输出内容
原因#xff1a;
1、必须在Https协议下才可使用
2、必须用户手动点击click事件中调用 #xff0c;进行权限申请 源码#xff1a;
!DOCTYPE h…问题devicemotion 或者 deviceorientation 在window.addEventListener 事件中不生效没有输出内容
原因
1、必须在Https协议下才可使用
2、必须用户手动点击click事件中调用 进行权限申请 源码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidth375,user-scalable0titledeviceorientation/title
/head
bodybutton onclickstart()start/button
script(function () { var script document.createElement(script); script.srchttps://cdn.jsdelivr.net/npm/eruda; document.body.appendChild(script); script.onload function () { eruda.init() } })();function start(){if(!DeviceMotionEvent){console.error(暂时不支持)}else{if(DeviceMotionEvent.requestPermission){DeviceMotionEvent.requestPermission().then(permissionState {console.log(permissionState)if (permissionState granted) {// window.addEventListener(devicemotion, function(e) { console.log(devicemotion, e)}, true);window.addEventListener(deviceorientation, function(event) { console.log(deviceorientation, event) ; console.log(${event.alpha} : ${event.beta} : ${event.gamma});}, true);}}).catch((err) {console.error(err);});}else{// window.addEventListener(devicemotion, function(e) { console.log(devicemotion, e)}, true);window.addEventListener(deviceorientation, function(event) { console.log(deviceorientation, event) ; console.log(${event.alpha} : ${event.beta} : ${event.gamma});}, true);}}}window.onloadfunction(){start() //此处调用无效没有内容输出}
/script/body
/html
