Html5支持iPhone触屏的脚本应该怎么写

Html5支持iPhone触屏的脚本写法是利用touch事件方法。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明：touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测了。示例代码如下：function load (){ document.addEventListener('touchstart',touch, false) document.addEventListener('touchmove',touch, false) document.addEventListener('touchend',touch, false) function touch (event){ var event = event window.event var oInp = document.getElementById("inp") switch(event.type){ case "touchstart": oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")" break case "touchend": oInp.innerHTML = "<br/>Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")" break case "touchmove": event.preventDefault() oInp.innerHTML = "<br/>Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")" break } }}window.addEventListener('load',load, false)

1、手机网站一般又称作WAP网站 , 而传统网站又称作Web网站，WAP网站可分为WAP1.X和WAP2.0网站。WAP1.X功能简单、界面粗糙,而WAP2.0的手机网站功能和界面都与Web网站相接近。WAP2.0的手机网站可以在电脑上直接用浏览器访问，而WAP1.X的网站，需要模拟器或者给浏览器安装相应的插件方可。

2、3G网站是手机网站领域为迎合3G的推广而创造的概念，3G网站就是手机WAP网站。3G网站采用wap2.0编写，支持一些xhtml和CSS。

3、html5触屏版主要针对高端智能手机，可以给用户呈现华丽的网页视觉效果。HTML5触屏版采用最新的技术HTML5编写，属于智能机时代产物，因为智能手机的性能已经很强大了，可以直接加载html。

wap网站：通常所说的wap网站就是指的移动端网站，就是手机端网站的意思。

3G网站：3G是频段，3G网站这种说法应该不太恰当，可以理解为wap网站的另一种叫法。

HTML5触屏版：HTML5是下一代HTML（超文本编辑语言），主要用于制作比现在网页更加方便好看的效果。目前主要应用于移动端，未来flash将有可能被HTML5所替代。

这三者的区别是 WAP网站就是移动端网站，3G网站说法不恰当，可以理解为就是移动端网站，HTML5是移动端网站开发的一种方式，属于WAP网站当中的一种。

---