触摸Windows Phone 7 Mango IE中的事件

Question

WP7 Mango中的IE会支持iOS或Android等Touch事件吗？ 触摸事件似乎将成为W3C的标准： http ： //dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html 。 IE 9表示它遵循标准，有谁知道它是否会支持触摸事件？ 谢谢。

Answer 1

它目前不支持触摸事件。 所有你需要做的就是证明它是这样的简单：

document.ontouchstart = function() { alert("TS"); }
document.ontouchmove = function() { alert("TM"); }
document.ontouchend = function() { alert("TE"); }

这些都不会在IE9手机中触发。

Answer 2

它目前不支持触摸事件。

Answer 3

这部分不正确。 我在Windows Phone 7上开发。我已经实现了触摸效果。

http://jsfiddle.net/blackdynamo/yxhzU/

在这里，这适用于HTC HD7 - 移动版和桌面版选择。 你可以看到下面的代码：

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>jQuery Mobile Carousel Demo - jsFiddle demo by blackdynamo</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js' jquery.mobile, carousel></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script>
  <link rel="stylesheet" type="text/css" href="/css/normalize.css">
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  <script type='text/javascript' src="https://github.com/blackdynamo/jQuery-Mobile-Carousel/raw/master/jquery.ui.ipad.js"></script>
  <script type='text/javascript' src="https://github.com/blackdynamo/jQuery-Mobile-Carousel/raw/master/jquery.mobile.carousel.js"></script>
  <style type='text/css'></style>
  <script type='text/javascript'>
  //<![CDATA[ 
  $(window).load(function(){
      (function($) {
        $("#carousel1").carousel();
        $("#carousel2").carousel({direction: "vertical"});
    })(jQuery);
  });
  //]]> 
  </script>
  </head>
  <body>
Horizontal
<div style="height: 300px; width: 500px">
    <ul id="carousel1" style="display: none;">
    <li>
        <div style="width: 100%; height: 100%; background-color:#381;">Page 1</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#837;">Page 2</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#999;">Page 3</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#738;">Page 4</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#142;">Page 5</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#927;">Page 6</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#987;">Page 7</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#187;">Page 8</div>
      </li>
  </ul>
  </div>
Vertical
<div style="height: 300px; width: 500px">
    <ul id="carousel2" style="display: none;">
    <li>
        <div style="width: 100%; height: 100%; background-color:#381;">Page 1</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#837;">Page 2</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#999;">Page 3</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#738;">Page 4</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#142;">Page 5</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#927;">Page 6</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#987;">Page 7</div>
      </li>
    <li>
        <div style="width: 100%; height: 100%; background-color:#187;">Page 8</div>
      </li>
  </ul>
  </div>
</body>
</html>

触摸Windows Phone 7 Mango IE中的事件

问题描述

3 个解决方案

解决方案1
5 2012-08-06 17:05:43

解决方案2
1 2011-08-22 16:23:40

解决方案3
-2 2011-10-26 15:22:19

触摸Windows Phone 7 Mango IE中的事件

问题描述

3 个解决方案

解决方案1 5 2012-08-06 17:05:43

解决方案2 1 2011-08-22 16:23:40

解决方案3 -2 2011-10-26 15:22:19

解决方案1
5 2012-08-06 17:05:43

解决方案2
1 2011-08-22 16:23:40

解决方案3
-2 2011-10-26 15:22:19