html5触屏,web触摸屏

WAP网站,3G网站,html5触屏版有什么区别?

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

龙陵网站建设公司创新互联建站,龙陵网站设计制作,有大型网站制作公司丰富经验。已为龙陵近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的龙陵做网站的公司定做!

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

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

WAP网站,3G网站,html5触屏版有什么区别

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

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

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

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

html5的开发 关于触屏

ontouchstart

ontouchmove

ontouchend

ontouchcancel

移动平台的四个触摸事件

因此他们的顺序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup → click1

/**

* onTouchEvent

*/

var div = document.getElementById("div");

//touchstart类似mousedown

div.ontouchstart = function(e){

//事件的touches属性是一个数组,其中一个元素代表同一时刻的一个触控点,从而可以通过touches获取多点触控的每个触控点

//由于我们只有一点触控,所以直接指向[0]

var touch = e.touches[0];

//获取当前触控点的坐标,等同于MouseEvent事件的clientX/clientY

var x = touch.clientX;

var y = touch.clientY;

};

//touchmove类似mousemove

div.ontouchmove = function(e){

//可为touchstart、touchmove事件加上preventDefault从而阻止触摸时浏览器的缩放、滚动条滚动等

e.preventDefault();

};

//touchend类似mouseup

div.ontouchup = function(e){

//nothing to do

};


本文名称:html5触屏,web触摸屏
分享路径:http://azwzsj.com/article/dseeops.html