触摸Windows Phone 7 Mango IE中的事件
[英]Touch Events in Windows Phone 7 Mango IE
问题描述
Will the IE in WP7 Mango support Touch events like iOS or Android? 
WP7 Mango中的IE会支持iOS或Android等Touch事件吗？ The touch events seems will become a standard in W3C: http://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html . 触摸事件似乎将成为W3C的标准： http ： //dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html 。 IE 9 said it follow the standards, does anyone know whether it will support touch events? IE 9表示它遵循标准，有谁知道它是否会支持触摸事件？ Thanks. 谢谢。
3 个解决方案
解决方案1
5 2012-08-06 17:05:43
It currently supports no touch events. 它目前不支持触摸事件。 All you need do to prove it is something simple like this: 所有你需要做的就是证明它是这样的简单：
document.ontouchstart = function() { alert("TS"); }
document.ontouchmove = function() { alert("TM"); }
document.ontouchend = function() { alert("TE"); }
None of these will fire in IE9 mobile. 这些都不会在IE9手机中触发。
解决方案2
1 2011-08-22 16:23:40
它目前不支持触摸事件。
解决方案3
-2 2011-10-26 15:22:19
This is partially not true. 这部分不正确。 I develop on Windows Phone 7. And I have achieved a touch effect. 我在Windows Phone 7上开发。我已经实现了触摸效果。
http://jsfiddle.net/blackdynamo/yxhzU/ http://jsfiddle.net/blackdynamo/yxhzU/
Here, this works on HTC HD7 - mobile version and desktop version selected. 在这里，这适用于HTC HD7 - 移动版和桌面版选择。 You can see the code below: 你可以看到下面的代码：
<!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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.