WP7 + HTML5 - Cách ngăn chặn một canvas được chọn/được đánh dấu

Question

Tôi đang cố gắng viết một ứng dụng HTML 5 đơn giản cho Windows Phone 7/7.5. Tôi có một trang HTML5 với canvas gần như kích thước của màn hình. Khi tôi nhấp/nhấn vào màn hình, khung vẽ được chọn. Tôi không muốn hành vi đó, nhưng tôi vẫn muốn có thể nhấp/nhấn vào các điều khiển khác nhau. Có cách nào để không có hành vi đó không? Dưới đây là liên kết của ảnh chụp màn hình hiển thị hiệu ứng.

Tôi cố gắng để loại bỏ hành vi sử dụng CSS trong cơ thể. Không có gì đã làm việc cho đến nay.

body { 
    /* disable selections/cut copy paste actions */ 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 

    /* disable callout, image save panel on long press */ 
    -webkit-touch-callout: none; 

    /* "turn off" link highlight, good for custom pressed states */ 
    -webkit-tap-hightlight-color: transparent; 
} 

Cảm ơn bạn đã trợ giúp!

Answer 1

Martin nói rằng ví dụ sau đây không thể hiện hành vi nổi bật: http://ie.microsoft.com/testdrive/Mobile/Performance/HamsterDanceRevolution/Default.html

Vì vậy, tôi đã làm một số đào và nhận thấy rằng ví dụ trên gắn các sự kiện để các đối tượng cửa sổ. Tôi đã sửa đổi xuống dưới ba sửa đổi dòng sau của tệp "kinetic-v3.8.4.js":

(1)
this.container.addEventListener (baseEvent, handler, false);
->
window.addEventListener (baseEvent, handler, false);

(2)
this.container.addEventListener ('mousedown', function (evt)
->
window.addEventListener ('mousedown', function (evt)

(3)
this.container.addEventListener ('mousedown', function (evt)
->
window.addEventListener ('mouseup', function (evt)

Sau khi sửa đổi này, canvas vẫn phản ứng và làm nổi bật không mong muốn đã biến mất.

Kính trọng, Luis

Answer 2

Không thể bật điểm đánh dấu màu xám này. Xem câu hỏi liên quan này:

Windows Phone 7 Browser - Turn off the gray shading when links are clicked

Thuộc tính CSS bạn đang thiết, -webkit-tap-hightlight-color, là webkit cụ thể, như vậy sẽ làm việc trên Android và iOS. Cho đến khi WP7 có một tương đương, bạn đang mắc kẹt với điều này!

Answer 3

Đối với WP8 họ thêm hỗ trợ:

<meta name="msapplication-tap-highlight" content="no"/> 

Nguồn: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

Answer 4

Thêm một thẻ meta trong bạn đi phần trong bạn tập tin html.

<meta name="msapplication-tap-highlight" content="no" /> 

Nó sẽ hoạt động.

Kính trọng, Pravesh

Answer 5

Thêm thẻ meta trong tiêu đề thực sự cố định vấn đề này

xin vui lòng thêm này

<meta name="msapplication-tap-highlight" content="no"/>