iPhone web app 开发教材(五).docxVIP

iPhone web app 开发教材（五）个本来有滚动条的页面元素(比如iframe 罢)，会触发一个叫mousewheel 的事件（但是别指望iframe 本身的内容会滚动）, 停止移动时同样触发onscroll。2、如果你熟悉 IE 下的网页制作，那必须告诉你 iPhone Safari 的交互事件的一些特殊之处。相对于 IE，iPhone Safari 增加了一些屏幕操作的事件：l Touchstart //当手指接触屏幕时触发l Touchmove //当已经接触屏幕的手指开始移动后触发l Touchend //当手指离开屏幕时触发l touchcancell gesturestart //当两个手指接触屏幕时触发l gesturechange //当两个手指接触屏幕后开始移动时触发l gestureend运用这几个交互事件，完成某一元素的移动，或者检测手指在屏幕上的划动，已经十分简单。例如：onTouchstart=startX = event.touches[0].pageX; endX = event.touches[0].pageXonTouchmove=endX = event.touches[0].pageX; pMove()onTouchend=pClick()3、对于某一可点击表格元素使用click 和 onTouchend 均可完成点击触发事件的功能，二者的区别在于：ontouchend 不可用于 IE，并且不会出现点击后元素的外观变化（例如被点击单元格会高亮显示），这也许正是你所需要的。当然，被点击元素的外观变化，可以使用样式来设定：-webkit-tap-highlight-color: 颜色另外，在iPhone Safari 上，onclick 会有残留。例如点击后显示某一个层，如果该层在此位置也定义了可触发，则可能会也触发这个事件。iPhone WebApp 开发指南134、屏幕旋转事件：onorientationchange，这当然是 iPhone 所特有的了。添加屏幕旋转事件侦听，可随时发现屏幕旋转状态（左旋、右旋还是没旋）。例子：function orientationChange() {switch(window.orientation){case 0: alert(“没旋”); break;case -90: alert(“左旋”); break;case 90: alert(“右旋”); break;}}addEventListener(load, function(){orientationChange();window.onorientationchange = orientationChange; } );5、隐藏地址栏 处理事件的时候，防止滚动条出现：addEventListener(load, function(){setTimeout(function(){ window.scrollTo(0, 1); }, 100); } );6、双手指滑动事件：addEventListener(load, function(){window.onmousewheel = twoFingerScroll;}, false);function twoFingerScroll(ev) {var delta=ev.wheelDelta/120; //对delta 值进行判断(比如正负)，而后执行相应操作return true;}7、判断是否为iPhone：function isAppleMobile() {return ((navigator.platform.indexOf(iPhone) != -1) } 泽思网络 – 上海APP开发商