如何在WIN7下让PC支持HTML5多点触摸

html-css011

如何在WIN7下让PC支持HTML5多点触摸,第1张

在win7下实现多点触控方法:

首先,需要一台支持触摸特性的PC,目前市面上可选的产品主要有:

HP TouchSmart All-in-One PCs (IQ500 series &IQ800 series)。

HP TouchSmart tx2 Tablet PC。

Dell Latitude XT Tablet PC。

其次,需要安装最新的多点触摸驱动以使得屏幕能够识别触摸指示。不过这些驱动目前都是Beta阶段,而在正式发布之前都必须通过WHQL测试,我们目前无法保证所有预装Windows 7的机器都装有WHQL驱动。

HP TouchSmart All-in-One PCs :这款机器的驱动只需通过Windows Update即可完成。

Dell Latitude XT and HP TouchSmart tx2 Tablet PCs:可以在N-Trig’s website上下载。

在Windows 7 Beta中,很多特性都是与多点触摸相关的。

如画图中的油漆刷就可以用手指来控制,不过支持的手指数目取决于机器对多点触摸的支持,有些只支持2个,有些可以达到4个设置更多。

Windows 7画笔。

还有IE8中,用户可以用手指在任意地方向上或向下拖拽滚动网页,还可以用手指向左/右甩以完成前进/后退操作。另外,任务栏也是触摸优化过的,触摸的话用手指拖拽就可以打开Jumplists。

//选中条件 x1=横轴位置 y1=纵轴位置 

var x1, x2, y1, y2

$(document).on("touchstart",".smallbox", function (e) {

// e.preventDefault()

var obj = $(this)

var position = $(this).offset()

x1 = position.left

x2 = position.left + obj.width()

y1 = position.top

y2 = position.top + obj.height()//触摸时将变量赋值

}).on("touchend", ".smallbox", function (e) {

var pos = e.originalEvent.changedTouches[0]

if (pos.pageX >= x1

&& pos.pageX <= x2

&& pos.pageY >= y1

&& pos.pageY <= y2) {//判断当前的点击位置是否在有效范围内

var obj = $(this)

if (obj.hasClass("active")) {

obj.removeClass("active")

} else {

obj.addClass("active")

}

}

e.preventDefault()

}).on("click", ".smallbox", function () {

var obj = $(this)

if (obj.hasClass("active")) {

obj.removeClass("active")

} else {

obj.addClass("active")

}

})

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。