通过一句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不仅仅能识别用户的输入设备还支持非常多的高级手势。
用html实现scroll-view如下,自从iphone上的mail应用有了这种加载的手势之后,很多本地应用都默默的采用了这种方式,首先第一轮尝试我们想用浏览器原生的滚动区域(overflow:auto,-webkit-overflow-scrolling:touch)来模拟这种效果。