觸摸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