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://ybzwz.com/article/dseeops.html