From 980fe00a74a9ad013b945755415ace2e5429c3c2 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:31:24 +0300 Subject: [RU] Remove notranslate (#2874) --- files/ru/web/api/touch_events/index.html | 24 +++++++++++----------- .../index.html | 2 +- .../api/touch_events/using_touch_events/index.html | 8 ++++---- 3 files changed, 17 insertions(+), 17 deletions(-) (limited to 'files/ru/web/api/touch_events') diff --git a/files/ru/web/api/touch_events/index.html b/files/ru/web/api/touch_events/index.html index aaede09e9d..8f54941279 100644 --- a/files/ru/web/api/touch_events/index.html +++ b/files/ru/web/api/touch_events/index.html @@ -42,7 +42,7 @@ translation_of: Web/API/Touch_events

Создание canvas

-
<canvas id="canvas" width="600" height="600" style="border:solid black 1px;">
+
<canvas id="canvas" width="600" height="600" style="border:solid black 1px;">
   Ваш браузер не поддерживает элемент canvas.
 </canvas>
 <br>
@@ -52,7 +52,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
После загрузки страницы будет вызвана функция startup(), показанная ниже

 
-
function startup() {
+
function startup() {
   var el = document.getElementById("canvas");
   el.addEventListener("touchstart", handleStart, false);
   el.addEventListener("touchend", handleEnd, false);
@@ -68,12 +68,12 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Рассмотрим касания в действии.

 
-
var ongoingTouches = [];
+
var ongoingTouches = [];
 

 
 
Когда возникает событие {{event("touchstart")}}, свидетельствующее о новом касании к поверхности, вызывается приведённая ниже функция handleStart().

 
-
function handleStart(evt) {
+
function handleStart(evt) {
   evt.preventDefault();
   console.log("touchstart.");
   var el = document.getElementById("canvas");
@@ -101,7 +101,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Каждый раз, когда двигается один или несколько пальцев, срабатывает событие {{event("touchmove")}}, в результате чего вызывается наша функция handleMove().В этом примере данная функция ответственна за обновление данных о касании и рисование линии от предыдущей до текущей точки касания.

 
-
function handleMove(evt) {
+
function handleMove(evt) {
   evt.preventDefault();
   var el = document.getElementById("canvas");
   var ctx = el.getContext("2d");
@@ -141,7 +141,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Когда пользователь убирает палец с сенсорной поверхности, срабатывает событие {{domxref("Element/touchend_event", "touchend")}}. Мы обрабатываем его, вызывая функцию handleEnd(), которая представлена ниже. Её задача - рисовать последний отрезок линии для каждого касания, которое завершилось, и удалять точку касания из текущего списка касаний.

 
-
function handleEnd(evt) {
+
function handleEnd(evt) {
   evt.preventDefault();
   log("touchend");
   var el = document.getElementById("canvas");
@@ -173,7 +173,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Если палец пользователя перемещается в интерфейс браузера или прикосновение должно быть отменено, отправляется событие {{domxref("Element/touchcancel_event", "touchcancel")}}, и мы вызываем функцию handleCancel(), приведённую ниже.

 
-
function handleCancel(evt) {
+
function handleCancel(evt) {
   evt.preventDefault();
   console.log("touchcancel.");
   var touches = evt.changedTouches;
@@ -195,7 +195,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Чтобы рисунок каждого касания выглядел по-разному, используется функция colorForTouch(), в которой цвета выбираются на основе уникального идентификатора касаний. Этот идентификатор является скрытым числом, но мы, по крайней мере, можем полагаться на то, что у каждого активного на данный момент касания он уникальный.

 
-
function colorForTouch(touch) {
+
function colorForTouch(touch) {
   var r = touch.identifier % 16;
   var g = Math.floor(touch.identifier / 3) % 16;
   var b = Math.floor(touch.identifier / 7) % 16;
@@ -214,7 +214,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Некоторые браузеры (например, мобильный Safari) повторно используют объекты касания в разных событиях, поэтому лучше копировать только важные свойства, а не ссылаться на весь объект.

 
-
function copyTouch({ identifier, pageX, pageY }) {
+
function copyTouch({ identifier, pageX, pageY }) {
   return { identifier, pageX, pageY };
 }

 
@@ -222,7 +222,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Приведённая ниже функция ongoingTouchIndexById() сканирует весь массив ongoingTouches, чтобы найти касание, соответствующее данному идентификатору, после чего возвращает в массив индекс этого касания.

 
-
function ongoingTouchIndexById(idToFind) {
+
function ongoingTouchIndexById(idToFind) {
   for (var i = 0; i < ongoingTouches.length; i++) {
     var id = ongoingTouches[i].identifier;
 
@@ -236,7 +236,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Отображение происходящего

 
-
function log(msg) {
+
function log(msg) {
   var p = document.getElementById('log');
   p.innerHTML = msg + "\n" + p.innerHTML;
 }

@@ -255,7 +255,7 @@ Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

 
 
Данный пример очень упрощён и может привести к странному поведению. Он уместен исключительно как учебный пример.

 
-
function onTouch(evt) {
+
function onTouch(evt) {
   evt.preventDefault();
   if (evt.touches.length > 1 || (evt.type == "touchend" && evt.touches.length > 0))
     return;
diff --git a/files/ru/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html b/files/ru/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html
index 06015736a0..d9f05fdec0 100644
--- a/files/ru/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html
+++ b/files/ru/web/api/touch_events/supporting_both_touchevent_and_mouseevent/index.html
@@ -17,7 +17,7 @@ translation_of: Web/API/Touch_events/Supporting_both_TouchEvent_and_MouseEvent
 
 
Ниже представлен пример обработчика события {{event("touchmove")}}, вызывающий preventDefault()

 
-
// touchmove handler
+
// touchmove handler
 function process_touchmove(ev) {
   // Call preventDefault() to prevent any further handling
   ev.preventDefault();
diff --git a/files/ru/web/api/touch_events/using_touch_events/index.html b/files/ru/web/api/touch_events/using_touch_events/index.html
index 45c1cd6245..cfc029b48c 100644
--- a/files/ru/web/api/touch_events/using_touch_events/index.html
+++ b/files/ru/web/api/touch_events/using_touch_events/index.html
@@ -54,7 +54,7 @@ translation_of: Web/API/Touch_events/Using_Touch_Events
 
 
Назначьте обработчик событий для каждого типа события касания.

 
-
// Назначение обработчика событий касания
+
// Назначение обработчика событий касания
 someElement.addEventListener('touchstart', process_touchstart, false);
 someElement.addEventListener('touchmove', process_touchmove, false);
 someElement.addEventListener('touchcancel', process_touchcancel, false);
@@ -63,7 +63,7 @@ someElement.addEventListener('touchend', process_touchend, false);
 
 
Обработчик события, реализующий семантику жестов приложения

 
-
// Обработчик touchstart
+
// Обработчик touchstart
 function process_touchstart(ev) {
   // Используется данные события, чтобы вызвать соответствующие обработчики жестов
   switch (ev.touches.length) {
@@ -77,7 +77,7 @@ function process_touchstart(ev) {
 
 
Доступ к атрибутам точки касания.

 
-
// Создание обработчика события "touchstart"
+
// Создание обработчика события "touchstart"
 someElement.addEventListener('touchstart', function(ev) {
   // Перебор точек события, которые были активированы
   // для этого элемента и обработка каждого целевого элемента события
@@ -89,7 +89,7 @@ someElement.addEventListener('touchstart', function(ev) {
 
 
Предотвращение эмуляции событий мыши

 
-
// Обработчик события "touchmove"
+
// Обработчик события "touchmove"
 function process_touchmove(ev) {
   // Вызов "preventDefault()"
   ev.preventDefault();
-- 
cgit v1.2.3-54-g00ecf