我有一个应用程序,当用户旋转其设备以模拟阴影时,它会为框阴影设置动画。 Web应用程序也可以在桌面上访问。当设备的方向改变时,我期待'deviceorientation'事件被触发。然而,似乎即使在每个窗口的桌面上焦点也会引发事件。主要是空值。代码如下:
function handleDeviceOrientation() {
window.addEventListener("deviceorientation", event => {
alert('Orientation event fired! Beta rotation: ' + event.beta);
console.dir(event);
}, true);
}
handleDeviceOrientation();
Fiddle(在标签之间切换以查看效果)
出现这种情况的原因是什么?