Javascript 高级手势使用介绍

在IE10中新加入的对高级用户输入的识别支持，举例说明：注册一个点击操作，通过一句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不仅仅能识别用户的输入设备还支持非常多的高级手势

以下为IE10高级手势支持的演示

创建手势对象

在您的网站中处理手势的第一步是实例化手势对象。

var myGesture = new MSGesture();

接下来，为该手势提供一个目标元素。浏览器将对该元素触发手势事件。同时，该元素还可以确定事件的坐标空间。

elm = document.getElementById("someElement");

myGesture.target = elm;

elm.addEventListener("MSGestureChange", handleGesture);

最后，告知手势对象在手势识别期间处理哪些指针。

1/3 1 2 3 下一页尾页

Javascript 高级手势使用介绍

福昕阅读器如何复制文字

Dubbo 系列JDK SPI 原理解析

欲为王者至尊 888元志美4倍速DVD刻录机评测

拼音标注能手--中华拼读王

360随身WiFi怎么设置隐藏信号 360随身wifi隐藏信号

怎么用酷盘分享文件给好友

企业应如何防范内存抓取恶意软件

如何知道电脑是否含有病毒

美图秀秀让你的国庆旅游照片更出彩

u启动怎么用 U启动使用教程