Internet Explorer中的JavaScript方向更改问题
每次移动设备从纵向切换到横向时,我都需要执行一些JavaScript逻辑。我使用以下检查来完成此操作:Internet Explorer中的JavaScript方向更改问题,javascript,internet-explorer,mobile,Javascript,Internet Explorer,Mobile,每次移动设备从纵向切换到横向时,我都需要执行一些JavaScript逻辑。我使用以下检查来完成此操作: var doOnOrientationChange = function() { if (window.innerWidth > window.innerHeight) { // Execute logic for users who are switching to landscape mode } }; 这适用于所有iPhone和Android浏览器,但在WindowsPhone8
var doOnOrientationChange = function() {
if (window.innerWidth > window.innerHeight) {
// Execute logic for users who are switching to landscape mode
}
};
这适用于所有iPhone和Android浏览器,但在WindowsPhone8上的IE10上无法实现。有时候,当IE10用户点击一个输入时,横向模式的逻辑就会触发
为什么IE10将此动作视为用户切换到横向模式 对IE10使用
resize
事件,而不是orientationchange
。Windows Phone 8中没有orientationchange
事件
jQuery代码:
$(window).on('resize', function () {
if (window.innerWidth > window.innerHeight) {
// Execute logic for users who are switching to landscape mode
}
});
另外,请阅读本文,了解Android和iOS设备中如何触发orientationchange
和resize
事件