javascript - Windows 8 Metro 风格应用程序 - 查找基于鼠标或触摸的执行

Question

我正在使用 HTML 5 和 JavaScript 为 Windows 8 Metro 风格应用程序创建一个应用程序。我需要在应用程序启动时确定它是基于触摸的进程还是基于鼠标的进程(智能手机或台式计算机)。

我尝试了以下操作。

1) 如下所示， http://msdn.microsoft.com/en-us/library/windows/apps/windows.devices.input.pointerdevicetype.aspx

但我们不确定在函数 getPointerDeviceType(pdt) 中作为“pdt”传递什么

尝试了各种方法，但它只返回“未定义”。

2) 我们尝试使用 Modernizr js 框架来查找以下代码

    if (Modernizr.touch){
       // bind to touchstart, touchmove, etc and watch `event.streamId`
    } else {
       // bind to normal click, mousemove, etc
    } 

但是当我们插入“Modernizr”的最新js代码时，它会给我们appendchild命令带来安全错误。就像是“0x800c001c - JavaScript 运行时错误:无法添加动态内容。”

任何人都可以告诉我们如何实现，以便根据条件，我们可以执行基于触摸和基于鼠标的应用程序执行代码。

Answer 1

刚刚解决了。对其他人有用。

我放置了以下代码，我需要在其中找到我需要应用的 css。

    helloButton.addEventListener("MSPointerDown", buttonClickHandler, false);

这是函数:

    function buttonClickHandler(eventInfo) {

        if (eventInfo.pointerType == eventInfo.MSPOINTER_TYPE_TOUCH) {
            // Do something for touch input only
            console.log('Touch');
        } else {
            // Do something for non-touch input
            console.log('Mouse');
        }
    }

您可以根据情况设置代码。