Update article.md

Author: Kichikahunov

2-ui/2-events/04-default-browser-action/article.md

@@ -99,11 +99,11 @@ menu.onclick = function(event) {
 
 Почему это может быть полезно?
 
-Есть некоторые события, как `touchmove` на мобильных устройствах (когда пользователь перемещает палец по экрану), которое по умолчанию запускает скроллинг, но мы можем отменить это действие, используя `preventDefault()` в обработчике.
+Есть некоторые события, как `touchmove` на мобильных устройствах (когда пользователь перемещает палец по экрану), которое по умолчанию начинает прокрутку, но мы можем отменить это действие, используя `preventDefault()` в обработчике.
 
-Поэтому, когда браузер обнаружит такое событие, он должен для начала обработать все обработчики и после, если `preventDefault` не вызывается нигде, он может продолжить скроллинг. Это может вызвать ненужные задержки и "дрожание" в пользовательском интерфейсе.
+Поэтому, когда браузер обнаружит такое событие, он должен для начала запустить все обработчики и после, если `preventDefault` не вызывается нигде, он может начать прокрутку. Это может вызвать ненужные задержки в пользовательском интерфейсе.
 
-Опция `passive: true` сообщает браузеру, что обработчик не собирается отменять скроллинг. Тогда браузер запускает скроллинг немедленно, обеспечивая максимально плавный интерфейс, параллельно обрабатывая событие.
+Опция `passive: true` сообщает браузеру, что обработчик не собирается отменять прокрутку. Тогда браузер начинает её немедленно, обеспечивая максимально плавный интерфейс, параллельно обрабатывая событие.
 
 Для некоторых браузеров (Firefox, Chrome) опция `passive` по умолчанию включена `true` для таких событий, как `touchstart` и `touchmove`.
 
@@ -112,7 +112,7 @@ menu.onclick = function(event) {
 
 Свойство `event.defaultPrevented` установлено в `true`, если действие по умолчанию было предотвращено, и `false`, если нет.
 
-Интересное применение свойства.
+Рассмотрим практическое применение этого свойства для улучшения архитектуры.
 
 Помните, в главе <info:bubbling-and-capturing> мы говорили о `event.stopPropagation()` и упоминали, что останавливать "всплытие" - плохо?
 
@@ -126,15 +126,15 @@ menu.onclick = function(event) {
 <button>клик правой кнопкой мыши для вызова контекстного меню браузера</button>
 
 <button *!*oncontextmenu="alert('Рисуем наше меню'); return false"*/!*>
-  клик правой кнопкой мыши для вызова нашего контекстного меню
+  Кликните правой кнопкой мыши для вызова нашего контекстного меню
 </button>
 ```
 
 Теперь предположим, что мы хотим реализовать собственное контекстное меню для всего документа с нашими опциями. И внутри документа мы можем иметь другие элементы, у которых может быть своё контекстное меню:
 
 ```html autorun height=80 no-beautify run
-<p>клик правой кнопкой мыши для контекстного меню документа</p>
-<button id="elem">клик правой кнопкой мыши для контекстного меню кнопки</button>
+<p>Кликните правой кнопкой здесь для контекстного меню документа</p>
+<button id="elem">Кликните правой кнопкой здесь для контекстного меню кнопки</button>
 
 <script>
   elem.oncontextmenu = function(event) {
@@ -154,8 +154,8 @@ menu.onclick = function(event) {
 Одним из решений будет полностью обработать событие в обработчике кнопки и остановить всплытие, используя `event.stopPropagation()`:
 
 ```html autorun height=80 no-beautify run
-<p>клик правой кнопкой мыши для меню документа</p>
-<button id="elem">клик правой кнопкой мыши для меню кнопки(добавлен event.stopPropagation)</button>
+<p>Кликните правой кнопкой для меню документа</p>
+<button id="elem">Кликните правой кнопкой для меню кнопки (добавлен event.stopPropagation)</button>
 
 <script>
   elem.oncontextmenu = function(event) {
@@ -173,14 +173,14 @@ menu.onclick = function(event) {
 </script>
 ```
 
-Теперь контекстное меню для кнопки работает как задумано. Но цена слишком высока. Мы навсегда запретили доступ к контекстному меню для любого внешнего кода, включая счётчики, которые собирают статистику, и так далее. Это слегка неразумно.
+Теперь контекстное меню для кнопки работает как задумано. Но цена слишком высока. Мы навсегда запретили доступ к информации о правых кликах для любого внешнего кода, включая счётчики, которые могли бы собирать статистику, и т.п. Это слегка неразумно.
 
 Альтернативным решением было бы проверить в обработчике `document`, было ли отменено действие по умолчанию? Если да, тогда событие было обработано, и нам не нужно на него реагировать.
 
 
 ```html autorun height=80 no-beautify run
 <p>клик правой кнопкой мыши для меню документа (добавлен event.defaultPrevented)</p>
-<button id="elem">клик правой кнопкой мыши для меню кнопки</button>
+<button id="elem">Кликните правой кнопкой для меню кнопки</button>
 
 <script>
   elem.oncontextmenu = function(event) {
@@ -199,7 +199,7 @@ menu.onclick = function(event) {
 </script>
 ```
 
-Сейчас всё работает правильно. Если у нас есть вложенные элементы и каждый из них имеет контекстное меню, то код также будет работать. Просто убедитесь, что проверяете `event.defaultPrevented` для каждого обработчика `contextmenu`.
+Сейчас всё работает правильно. Если у нас есть вложенные элементы и каждый из них имеет контекстное меню, то код также будет работать. Просто убедитесь, что проверяете `event.defaultPrevented` в каждом обработчике `contextmenu`.
 
 ```smart header="event.stopPropagation() и event.preventDefault()"
 Как мы можем видеть, `event.stopPropagation()` и `event.preventDefault()` (также известный как `return false`)  - это две разные функции. Они никак не связаны друг с другом.
@@ -210,7 +210,7 @@ menu.onclick = function(event) {
 
 Объект будет перехватывать любой клик правой кнопкой мыши, просматривать сохранённые обработчики и запускать соответствующий.
 
-Но затем каждый фрагмент кода, которому требуется контекстное меню, должен знать об этом объекте и использовать его вместо собственного обработчика `contextmenu`.
+Но при этом каждый фрагмент кода, которому требуется контекстное меню, должен знать об этом объекте и использовать его вместо собственного обработчика `contextmenu`.
 ```
 
 ## Итого
@@ -229,7 +229,7 @@ menu.onclick = function(event) {
 
 Чтобы отменить действие браузера по умолчанию, используйте `event.preventDefault()` или  `return false`. Второй метод работает, только если обработчик назначен через `on<событие>`.
 
-Опция `passive: true` для `addEventListener` сообщает браузеру, что действие по умолчанию не будет отменено. Это очень полезно для некоторых событий на мобильных устройствах, таких как `touchstart` и `touchmove`, чтобы сообщить браузеру, что он не должен ожидать выполнения всех обработчиков, а ему следует сразу приступать к выполнению действия по умолчанию, например, скроллинга.
+Опция `passive: true` для `addEventListener` сообщает браузеру, что действие по умолчанию не будет отменено. Это очень полезно для некоторых событий на мобильных устройствах, таких как `touchstart` и `touchmove`, чтобы сообщить браузеру, что он не должен ожидать выполнения всех обработчиков, а ему следует сразу приступать к выполнению действия по умолчанию, например, к прокрутке.
 
 Если событие по умолчанию отменено, то значение `event.defaultPrevented` становится `true`, иначе `false`.