From 07399271456336c5b3f193b97911c1a830e0d47b Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 18 Oct 2021 14:53:01 +0300 Subject: Исправляет перевод listen (#2757) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ru/learn/forms/form_validation/index.html | 2 +- .../learn/getting_started_with_the_web/javascript_basics/index.html | 2 +- files/ru/learn/javascript/building_blocks/events/index.html | 2 +- files/ru/web/api/clients/openwindow/index.html | 2 +- files/ru/web/api/element/requestpointerlock/index.html | 2 +- files/ru/web/api/eventtarget/addeventlistener/index.html | 6 +++--- files/ru/web/api/html_drag_and_drop_api/drag_operations/index.html | 4 ++-- 7 files changed, 10 insertions(+), 10 deletions(-) diff --git a/files/ru/learn/forms/form_validation/index.html b/files/ru/learn/forms/form_validation/index.html index d137b8841d..6d139b1fc9 100644 --- a/files/ru/learn/forms/form_validation/index.html +++ b/files/ru/learn/forms/form_validation/index.html @@ -453,7 +453,7 @@ email.addEventListener("input", function (event) { } }); -

Здесь мы сохраняем ссылку на поле email, а затем добавляем к нему слушатель события, который запускает код обработчика каждый раз, когда в поле меняется значение.

+

Здесь мы сохраняем ссылку на поле email, а затем добавляем к нему обработчик события, который запускает код обработчика каждый раз, когда в поле меняется значение.

В коде обработчика мы проверяем, возвращает ли свойство поля email validity.typeMismatch значение true, что значит, что содержащееся значение не соответствует шаблону корректного email-адреса. Если возвращается true, мы вызываем метод {{domxref("HTMLInputElement.setCustomValidity()","setCustomValidity()")}} с кастомным сообщением. Это делает поле не валидным, поэтому попытка отправить форму приводит к ошибке и отображается кастомное сообщение об ошибке.

diff --git a/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html b/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html index 1a7219bb05..b508fccd9e 100644 --- a/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html +++ b/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html @@ -291,7 +291,7 @@ multiply(0.5,3);

События

-

Для создания действительной интерактивности на веб-сайте вам необходимы события. События — это структура, которая слушает то, что происходит в браузере, а затем позволяет вам запускать код в ответ на это. Наиболее очевидным является событие клика, которое вызывается браузером, когда мы щёлкаем по чему-то мышью. Для демонстрации этого события введите следующую команду в вашу консоль, а затем щёлкните по текущей веб-странице:

+

Для создания действительной интерактивности на веб-сайте вам необходимы события. События — это структура, которая отслеживает за тем, что происходит в браузере, а затем позволяет вам запускать код в ответ на это. Наиболее очевидным является событие клика, которое вызывается браузером, когда мы щёлкаем по чему-то мышью. Для демонстрации этого события введите следующую команду в вашу консоль, а затем щёлкните по текущей веб-странице:

document.querySelector('html').onclick = function() {
     alert('Ouch! Stop poking me!');
diff --git a/files/ru/learn/javascript/building_blocks/events/index.html b/files/ru/learn/javascript/building_blocks/events/index.html
index 0176c9a063..787df877f9 100644
--- a/files/ru/learn/javascript/building_blocks/events/index.html
+++ b/files/ru/learn/javascript/building_blocks/events/index.html
@@ -48,7 +48,7 @@ original_slug: Learn/JavaScript/Building_blocks/События
 
 
Подробнее о событиях можно посмотреть в Справочнике по событиям.

 
-
Каждое доступное событие имеет обработчик событий — блок кода (обычно это функция JavaScript, вводимая вами в качестве разработчика), который будет запускаться при срабатывании события. Когда такой блок кода определён на запуск в ответ на возникновение события, мы говорим, что мы регистрируем обработчик событий. Обратите внимание, что обработчики событий иногда называют слушателями событий (от англ. event listeners). Они в значительной степени взаимозаменяемы для наших целей, хотя, строго говоря, они работают вместе. Слушатель отслеживает событие, а обработчик — это код, который запускается в ответ на событие.

+
Каждое доступное событие имеет обработчик событий — блок кода (обычно это функция JavaScript, вводимая вами в качестве разработчика), который будет запускаться при срабатывании события. Когда такой блок кода определён на запуск в ответ на возникновение события, мы говорим, что мы регистрируем обработчик событий. Обратите внимание, что обработчики событий иногда называют слушателями событий (от англ. event listeners). Они в значительной степени взаимозаменяемы для наших целей, хотя, строго говоря, они работают вместе. Слушатель отслеживает событие, а обработчик — это код, который запускается в ответ на событие.

 
 

 
Примечание: Важно отметить, что веб-события не являются частью основного языка JavaScript. Они определены как часть JavaScript-API, встроенных в браузер.

diff --git a/files/ru/web/api/clients/openwindow/index.html b/files/ru/web/api/clients/openwindow/index.html
index 78e5412005..09d393f2cc 100644
--- a/files/ru/web/api/clients/openwindow/index.html
+++ b/files/ru/web/api/clients/openwindow/index.html
@@ -51,7 +51,7 @@ if (self.Notification.permission === 'granted') {
   self.registration.showNotification('You\'ve got messages!', notificationObject);
 }
 
-// Слушатель события клика по уведомлению
+// Обработчик события клика по уведомлению
 self.addEventListener('notificationclick', e => {
   // Закрываем всплывающее окно с уведомлением
   e.notification.close();
diff --git a/files/ru/web/api/element/requestpointerlock/index.html b/files/ru/web/api/element/requestpointerlock/index.html
index 5422131bcd..583eb5f288 100644
--- a/files/ru/web/api/element/requestpointerlock/index.html
+++ b/files/ru/web/api/element/requestpointerlock/index.html
@@ -7,7 +7,7 @@ translation_of: Web/API/Element/requestPointerLock
 
 
Метод Element.requestPointerLock() позволяет асинхронно запросить блокировку курсора для заданного элемента.

 
-
Чтобы отследить успех или ошибку запроса, необходимо слушать события {{event("pointerlockchange")}} и {{event("pointerlockerror")}} на уровне {{domxref("Document")}}.

+
Чтобы отследить успех или ошибку запроса, необходимо обрабатывать события {{event("pointerlockchange")}} и {{event("pointerlockerror")}} на уровне {{domxref("Document")}}.

 
 
Синтаксис

 
diff --git a/files/ru/web/api/eventtarget/addeventlistener/index.html b/files/ru/web/api/eventtarget/addeventlistener/index.html
index 1d1f2bd40c..36ff01e275 100644
--- a/files/ru/web/api/eventtarget/addeventlistener/index.html
+++ b/files/ru/web/api/eventtarget/addeventlistener/index.html
@@ -150,7 +150,7 @@ el.addEventListener("click", modifyText, false);
 
 
Если вам нужно передать параметры в обработчик, вы можете использовать анонимные функции.

 
-
Слушатель события с анонимной функцией

+
Обработчик события с анонимной функцией

 
 
HTML Содержимое

 
@@ -178,7 +178,7 @@ el.addEventListener("click", function(){modifyText("четыре")}, false);
 
 
{{EmbedLiveSample('Event_Listener_with_anonymous_function')}}

 
-
Слушатель события со стрелочной функцией

+
Обработчик события со стрелочной функцией

 
 
HTML

 
@@ -389,7 +389,7 @@ element.onclick = function() {
 };
-

Этот метод заменяет текущие слушатели события click, если они есть. Тоже самое для других событий и ассоциируемых с ними  обработчиков, таких как blur (onblur), keypress (onkeypress), и так далее.

+

Этот метод заменяет текущие обработчики события click, если они есть. Тоже самое для других событий и ассоциируемых с ними  обработчиков, таких как blur (onblur), keypress (onkeypress), и так далее.

Так как это по существу было частью DOM 0, этот метод имеет широкую поддержку и не требует специального кросс-браузерного кода; следовательно, это обычно используется, чтобы добавлять обработчики динамически, если не требуются расширенные возможности addEventListener().

diff --git a/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.html b/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.html index 8147b26a6e..fdd2f4cc59 100644 --- a/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.html +++ b/files/ru/web/api/html_drag_and_drop_api/drag_operations/index.html @@ -12,7 +12,7 @@ original_slug: Web/Guide/HTML/Drag_and_drop/Drag_operations

draggable атрибуты

-

На веб-странице, в некоторых случаях используется поведение drag (перетаскивания) по умолчанию. Включая выделенный текст, изображения и ссылки. Когда изображение или ссылка переносятся, URL изображения или ссылки устанавливается в качестве данных drag и перетаскивание начинается. Для других элементов, они должны быть частью выделения для выполнения перетаскивания по умолчанию. Чтобы увидеть это в действии, выделите область веб-страницы, а затем нажмите и удерживайте кнопку мыши и перетащите выделение. Появится специфичный для ОС рендеринг выделенного фрагмента и будет следовать за указателем мыши при перетаскивании. Однако это поведение является только drag поведением по умолчанию, если нет слушателей, определяющих данные для перетаскивания.

+

На веб-странице, в некоторых случаях используется поведение drag (перетаскивания) по умолчанию. Включая выделенный текст, изображения и ссылки. Когда изображение или ссылка переносятся, URL изображения или ссылки устанавливается в качестве данных drag и перетаскивание начинается. Для других элементов, они должны быть частью выделения для выполнения перетаскивания по умолчанию. Чтобы увидеть это в действии, выделите область веб-страницы, а затем нажмите и удерживайте кнопку мыши и перетащите выделение. Появится специфичный для ОС рендеринг выделенного фрагмента и будет следовать за указателем мыши при перетаскивании. Однако это поведение является только drag поведением по умолчанию, если нет обработчиков, определяющих данные для перетаскивания.

В HTML, кроме поведения по умолчанию изображений, ссылок и выделенных областей, никакие другие элементы по умолчанию не переносятся.

@@ -180,7 +180,7 @@ dt.setData("text/plain", "https://www.mozilla.org");

Указание drop-целей

-

Слушатель для событий {{event("dragenter")}} и {{event("dragover")}} используются для указания допустимых drop-целей, то есть мест, где могут быть сброшены перетаскиваемые элементы. Большинство областей веб-страницы или приложения не являются допустимыми местами для сброса данных. Таким образом, обработка этих событий по умолчанию не допускает сброса перетаскиваемых данных.

+

Обработчик для событий {{event("dragenter")}} и {{event("dragover")}} используются для указания допустимых drop-целей, то есть мест, где могут быть сброшены перетаскиваемые элементы. Большинство областей веб-страницы или приложения не являются допустимыми местами для сброса данных. Таким образом, обработка этих событий по умолчанию не допускает сброса перетаскиваемых данных.

Если вы хотите разрешить сброс переносимых данных, вы должны предотвратить обработку по умолчанию, отменив оба события dragenter и dragover.  Это можно сделать, либо вернув false из определённых атрибутом обработчика событий, либо вызвав метод {{domxref("Event.preventDefault","preventDefault()")}} событие. Последнее может быть более осуществимо в функции, определённой в отдельном скрипте.

-- cgit v1.2.3-54-g00ecf