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)wap网站:通常所说的wap网站就是指的移动端网站,就是手机端网站的意思。
3G网站:3G是频段,3G网站这种说法应该不太恰当,可以理解为wap网站的另一种叫法。
HTML5触屏版:HTML5是下一代HTML(超文本编辑语言),主要用于制作比现在网页更加方便好看的效果。目前主要应用于移动端,未来flash将有可能被HTML5所替代。
这三者的区别是 WAP网站就是移动端网站,3G网站说法不恰当,可以理解为就是移动端网站,HTML5是移动端网站开发的一种方式,属于WAP网站当中的一种。
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。