В этой статье в основном представлены компиляция событий Common Touch, разработанных мобильным терминалом HTML5. Объекты событий событий событий в основном соответствуют атрибутам работы мыши. Друзья, которые это нужно, могут ссылаться на это.
Многие новые события были добавлены в HTML5, но, поскольку их проблемы совместимости не идеальны, а их применение не очень практично, они в основном опущены здесь. Мы делимся только событиями с хорошей совместимостью с широкими приложениями. Мы добавим и поделимся ими один за другим, так как ситуация совместимости улучшится в будущем. События, которые я представляю вам сегодня, являются в основном событиях Touch: TouchStart, Touchmove и Touchend.
Вначале Touch Events TouchStart, Touchmove и Touchend являются недавно добавленными событиями для версии iOS Safari Browser, чтобы передать некоторую информацию разработчикам. Поскольку устройство iOS не имеет ни мыши, ни клавиатуры, при разработке интерактивных веб -страниц для мобильных браузеров Safari, событий мыши и клавиатуры на ПК недостаточно.
Когда был выпущен iPhone 3GS, его собственный мобильный браузер Safari предоставил некоторые новые события, связанные с операциями на сенсорных веществах. То же самое событие было тогда реализовано браузером на Android. Событие Touch начнется, когда пользователь кладет пальцем на экран, при скольжении на экране или при отходе от экрана. Следующие детали объяснены:
Событие TouchStart: запускается, когда палец касается экрана, оно запустит, даже если один палец уже помещен на экран.
Событие Touchmove: непрерывно запускается, когда палец скользит на экране. Во время этого события событие Calling PrefendDefault () может предотвратить прокрутку.
Событие Touckend: запускается, когда палец покидает экран.
Событие TouchCancel: запускается, когда система прекращает отслеживание прикосновения. В документе не указывается точное время отправления этого события, поэтому мы можем только догадываться.
Все вышеперечисленные события будут пузыриться и могут быть отменены. Хотя эти сенсорные события не определены в спецификации DOM, они реализованы в DOM совместимым. Следовательно, каждый объект события события Touch предоставляет общие атрибуты в практике мышей: пузырьки (тип события пузырька), отмену (независимо от того, может ли действие по умолчанию, связанное с событием, можно отменить с помощью метода предотвращения () (), ClientX (возвращает горизонтальную координату мыши, когда событие движется), клиентская (возвращается вертикальная координата, когда Eventx Trighted), возвращается вертикальная координата на координату MOUSE, когда Eventx -Trigts является evengred, наносит версический координат на координату MOUSE, когда EventRigted является энтуореемным, наносит вертикальный координат на координату Eventx, а также координата MOUSE, когда Evengrex - это вертикальная координата на мышевой координате, а также координата EventRigted). Горизонтальная координата указателя мыши при запуска событий) и скрининг (возвращает вертикальную координату указателя мыши при запуска). В дополнение к общим свойствам DOM события также содержат следующие три атрибута для отслеживания прикосновения.
Прикосновения: массив сенсорных объектов, представляющих в настоящее время отслеживаемую операцию сенсорной работы.
TargetTouches: массив сенсорных объектов, специфичных для целевого события.
Changetouches: массив сенсорных объектов, которые представляют то, что изменилось с момента последнего прикосновения.
Каждый сенсорный объект содержит следующие свойства.
ClientX: прикоснитесь к X-координату цели в точке зрения.
Клиент: прикоснитесь к Y-координату цели в просмотре.
Идентификатор: уникальный идентификатор, который идентифицирует прикосновение.
Pagex: коснитесь x координаты цели на странице.
Pagey: Коснитесь Y-координата цели на странице.
ScreenX: коснитесь X-координата цели на экране.
Screeny: Коснитесь Y-координата цели на экране.
Цель: касание цели узла DOM.
Каждая точка сенсорной точки содержит следующую информацию о прикосновении (обычно используется):
Идентификатор: значение, которое однозначно идентифицирует текущий палец в сенсорном сеансе. Как правило, номер потока, начинающийся с 0 (Android4.1, UC)
Цель: элемент DOM, является целью, направленной на действие.
pagex/pagex/clientx/clienty/screenx/screeny: значение, где действие происходит на экране (страница содержит расстояние прокрутки, клиент не содержит расстояние прокрутки, экран основан на экране).
Radiusx/Radiushy/rowationAngle: нарисуйте эллипс, приблизительно эквивалентный форме пальца, двух радиусов и угол поворота эллипса соответственно. Предварительный тестовый браузер не поддерживает его, но, к счастью, функции обычно не используются, поэтому все могут отзывы.
Небольшие примеры операций JavaScript:
JavaScript Code Copy Content в буфер обмена