2011-08-22 28 views
6

Trình duyệt IE trong WP7 Mango có hỗ trợ các sự kiện Chạm như iOS hay Android không? Các sự kiện cảm ứng dường như sẽ trở thành một tiêu chuẩn trong W3C: http://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html. IE 9 cho biết nó làm theo các tiêu chuẩn, không ai biết liệu nó sẽ hỗ trợ các sự kiện liên lạc? Cảm ơn.Chạm vào Sự kiện trong Windows Phone 7 Mango IE

+0

AFAIK, WP8 nên. –

Trả lời

1

Hiện không hỗ trợ sự kiện chạm.

+0

xem câu trả lời của tôi dưới đây .... – TheBlackBenzKid

+6

@ TheBlackBenzKid - nếu câu trả lời của bạn nhận được một sự ủng hộ, thì nó sẽ không "dưới" và lâu hơn. Và nếu ai đó thêm câu trả lời, nó sẽ càng trở nên khó hiểu hơn. Hãy nhớ rằng, đây không phải là Diễn đàn. Khung câu trả lời hoàn chỉnh của bạn. Nếu bạn có một bình luận, nó sẽ được tự chứa. Nếu bạn không đồng ý với một câu trả lời, đó là lý do tại sao có một tùy chọn downvote. – ctacke

+0

Những gì anh chàng nói trên ....: D –

-2

Điều này một phần không đúng. Tôi phát triển trên Windows Phone 7. Và tôi đã đạt được một hiệu ứng cảm ứng.

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

Ở đây, này hoạt động trên HTC HD7 - phiên bản di động và phiên bản máy tính để bàn được chọn. Bạn có thể xem mã bên dưới:

<!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> 
+2

Câu trả lời này có ý nghĩa gì? "Điều này không đúng" không phải là câu trả lời - đó có thể là một nhận xét. Liên kết chỉ đơn giản là đi đến một trang với một số HTML và JS. Và không nhiều lắm. Nếu HTML đó là câu trả lời hiển thị các sự kiện liên lạc đang hoạt động, hãy đăng * HTML * ở đây làm câu trả lời. Đừng gửi cho chúng tôi đến một trang được liên kết thực sự không hiển thị gì về nó hoạt động trên điện thoại. – ctacke

+0

Bỏ qua CSS của tôi. – TheBlackBenzKid

+1

Câu hỏi đặt ra là về điều khiển WebBrowsers cho SỰ KIỆN. Bắt chước chúng với các sự kiện chuột trong javascript là khác nhau. –

5

Hiện tại, nó không hỗ trợ sự kiện liên lạc. Tất cả những gì bạn cần làm để chứng minh điều gì đó đơn giản như thế này:

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

Không có thứ nào trong số này sẽ kích hoạt trong điện thoại di động IE9.

Các vấn đề liên quan