移动web开发之IOS里那些“以人为本”的坑

IOS里那些“以人为本”的坑

问题描述1

为什么input无法focus，为什么！

问题原因

因为没有“以人为本”!input是需要人类的行为来激活的。

解决方案

button.addEventListener(‘click’, function(ev){

inputElem.focus();

});

导致无效的方案

1.未把代码放在点击事件里

2.//in anyother closure

3.inputElem.focus();

4.放在点击事件里，但是加了延迟

5.button.addEventListener(‘click’, function(ev){

6.setTimeout(function() {

7.inputElem.focus();

8. })

9.});

问题描述2

为什么window的scroll事件在tab切换回来以后不触发了？

问题原因

因为没有“以人为本”!scroll事件是需要人类的行为来生效的。

解决方案

1.采用touch事件来模拟；

2.利用pageshow来重绑。

综述

延时、标签切换很有可能带来隐含的问题，注意“以人为本”。