В этой статье описываются события JavaScript на сенсорном экране. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
1. Строительными событиями
ontouchstart
ontouchmove
ontouchend
OntouchCancel в настоящее время поддерживает эти 4 сенсорных события, включая т.е. Поскольку сенсорные экраны также поддерживают MouseEvent, необходимо отметить их заказ: TouchStart → MouseOver → MouseMove → Mousedown → MouseUp → Click1
Примеры следующие:
/*** ontouchevent*/var div = document.getElementbyId ("div"); // touchStart аналогична mousedowndiv.ontouchstart = function (e) {// Атрибут Touches of Event-это массив, где элемент представляет собой точку прикосновения в одно и то же мгновение, // Следовательно, вы можете получить каждую точку прикосновения из мульти-таблицы через прикосновения. E.Touches [0]; // Получить координаты текущей точки сенсорной точки, которая эквивалентна ClientX/Clientyvar x = touch.clientx; var y = touch.clienty;}; // touchmove аналогична MouseMoviviv.ontouchmove = function (e) {// Вы можете добавить предотвращение, чтобы следовать за ним, чтобы предотвратить TouchDef, чтобы предотвратить TouchDef, чтобы предотвратить прикосновение к прикосновению, чтобы предотвратить прикосновение к прикосновению, чтобы предотвратить прикосновение к прикосновению, чтобы предотвратить прикосновение, чтобы предотвратить прикосновение, чтобы предотвратить прикосновение, чтобы предотвратить прикосновение, чтобы предотвратить прикосновение, чтобы предотвратить TouchDef, чтобы предотвратить TouchDef u прокрутка и т. д.2. Жестные жесты относятся к использованию мультитач для вращения, растяжения и других операций, таких как увеличение и вращающиеся изображения и веб-страницы. Жестное событие запускается, когда два или более пальцев требуются одновременно. Одна вещь, на которую нам нужно обратить внимание о масштабировании, - это координаты позиций элементов: мы обычно используем Offsetx, GetBoundingClientRect и другие методы для получения координат положения элементов, но в мобильных браузерах страница часто масштабируется во время использования, так же будут ли координаты масштабированных элементов? Ответ в том, что есть различия. Используйте сценарий, чтобы проиллюстрировать эту проблему: после загрузки страницы A JavaScript получает координаты элемента в документе как (100 100), а затем пользователь увеличивает страницу. В настоящее время JavaScript снова выводит координаты элемента и все еще (100 100), но область отклика элемента на экране будет смещена в соответствии с коэффициентом масштабирования. Вы можете открыть демонстрацию игры, играющую из кирпича, а затем увеличить его после того, как страница полностью загружена. В настоящее время вы обнаружите, что даже если ваш палец касается за пределами области «Touch здесь», вы можете управлять шариковой тарелкой, потому что область смещена. Смещение всегда будет существовать, если страница не будет обновлена или восстановлена масштабирование.
/*** ongestureEvent*/var div = document.getElementbyId ("div"); div.ongestureChange = function (e) {// Шкала представляет шкалу масштабирования, сгенерированную жестом. Менее чем 1 сокращается, а больше 1 - увеличение. Первоначально 1var Scale = e.scale; // вращение представляет собой угол жеста вращения, интервал значения [0,360], положительное значение вращается по часовой стрелке, отрицательное значение против часового угла VAR = E.Rotation;};3. Гравитационное ощущение гравитации проще, вам нужно только добавить событие OnoRientationChange к узлу тела. В этом случае значение, представляющее текущее направление телефона, получается из свойства Window.orientation. Список значений window.orientation заключается в следующем:
0: в соответствии с направлением, когда страница была впервые загружена
-90: повернут по часовой стрелке на 90 ° по сравнению с исходным направлением
180: исполнилось 180 °
90: повернут 90 ° против часовой стрелки. Согласно моим тестам, Android 2.1 еще не поддерживает гравитационное зондирование. Выше приведено текущие события сенсорного экрана. Эти события не были включены в стандарт, но широко использовались. У меня есть Android 2.1, не протестированный в других средах.
PS: Здесь мы предоставляем вам онлайн -инструмент о событиях JS, который суммирует широко используемые типы событий и функции функций JS:
Полный список событий и функций JavaScript:
http://tools.vevb.com/table/javascript_event
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.