WP7 + HTML5 - Как предотвратить выбор / выделение холста

Question

Я пытаюсь написать простое приложение HTML 5 для Windows Phone 7 / 7.5. У меня есть страница HTML5 с холстом размером почти с экран. Когда я нажимаю / нажимаю на экран, холст выбирается. Я не хочу такого поведения, но я все еще хочу иметь возможность нажимать / нажимать на различные элементы управления. Есть ли способ не иметь такого поведения? Ниже приведена ссылка на скриншот с эффектом.

Я пытался удалить это поведение, используя CSS в теле. Пока ничего не получалось.

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;
}

Заранее спасибо за помощь!

Answer 1

Для WP8 добавлена ​​поддержка:

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

Источник: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

Answer 2

Мартин упомянул, что следующий пример не демонстрирует поведение выделения. http://ie.microsoft.com/testdrive/Mobile/Performance/HamsterDanceRevolution/Default.html

Итак, я немного покопался и заметил, что приведенный выше пример присоединяет события к объекту окна. Я получил его до следующих трех строковых модификаций файла "kinetic-v3.8.4.js":

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

(2)
this.container.addEventListener ('mousedown', функция (evt)
->
window.addEventListener ('mousedown', функция (evt)

(3)
this.container.addEventListener ('mousedown', функция (evt)
->
window.addEventListener ('mouseup', function (evt)

После этой модификации холст по-прежнему реагирует, и нежелательная подсветка исчезает.

С уважением, Луис

Answer 3

Добавление метатега в заголовки фактически исправило эту проблему

добавьте

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

Answer 4

Невозможно включить эту серую подсветку. Смотрите этот связанный вопрос:

Браузер Windows Phone 7 - отключение серого затенения при нажатии на ссылки

Свойство CSS, которое вы устанавливаете, -webkit-tap-hightlight-color, зависит от веб-набора, поэтому будет работать на Android и iOS. Пока у WP7 нет эквивалента, вы застряли с этим!

Answer 5

Добавьте метатег в ваш головной раздел в html-файле.

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

Это должно сработать.

С уважением, Правеш