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

html-css029

如何在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。

举例说明:

通过一句addEventListener 就能够知道当前用户的点击是哪种设备,是手指的点击,是鼠标的单击还是触控笔的点击(平板设备都会带有触控笔):

<canvas id="MyCanvas"></canvas>

<script>

MyCanvas.addEventListener("MSPointerDown", MyBack, false)

function MyBack(e) {

alert(e.pointerType.toString())

}

</script>

通过回调的方法中 e.pointerType 还进行判断。

鼠标是4,触控笔是3,手指是2。

至于值为1是何种设备还有待研究。

还有需要注意的就是 想在javascript中添加对输入设备的识别,注册的方法事件也是有点点区别。

addEventListener 添加的事件为 MSPointerDown

而在IE10中对于这样的多种设备识别中优先处理的手指的点击,前提是不影响功能正常单击的情况下,然而IE10不仅仅能识别用户的输入设备还支持非常多的高级手势。