Windows Phone 7中的觸摸事件Mango IE

WP7 Mango中的IE瀏覽器是否支持iOS或Android之類的觸摸事件？觸摸事件似乎將成爲W3C的標準：http://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html。 IE 9表示它遵循標準，是否有人知道它是否會支持觸摸事件？謝謝。Windows Phone 7中的觸摸事件Mango IE

來源

2011-08-22 Kinleong

。 –

它目前不支持觸摸事件。

來源

2011-08-22 16:23:40

看到我的回答如下.... – TheBlackBenzKid

@TheBlackBenzKid - 如果你的答案得到upvote，那麼它不會「低於」和更長。如果有人添加了答案，它會變得更加混亂。請記住，這不是一個論壇。構建您的完整答案。如果你有評論，它應該是自包含的。如果你不同意答案，那麼這就是爲什麼有一個downvote選項。 – ctacke

上面的傢伙說什麼....：D –

-2

這部分不正確。我在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>

來源

2011-10-26 15:22:19 TheBlackBenzKid

這個答案甚至是什麼意思？「這不是真的」不是一個答案 - 這可能是一個評論。鏈接只是通過一些HTML和JS進入頁面。而不是很多。如果該HTML是一個顯示觸摸事件工作的答案，則在此處發佈* HTML *作爲答案。不要將我們發送到一個鏈接頁面，這個頁面在手機上確實沒有任何關於它的信息。 – ctacke

忽略我的CSS包含。 – TheBlackBenzKid

問題是關於WebBrowsers控件的觸摸事件。在javascript中使用鼠標事件來模仿它們是不同的。 –

它目前支持沒有觸摸事件。所有你需要做的，以證明它是這樣的簡單：

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

這些都不會在IE9手機火。 AFAIK，WP8應該是

來源

2012-08-06 17:05:43 AuntieChrist

Windows Phone 7中的觸摸事件Mango IE

回答

相關問題