renovations

2-ui/2-events-and-interfaces/2-events-and-timing-depth/article.md

@@ -1,6 +1,6 @@
 # Порядок обработки событий
 
-События могут возникать не только по очереди, но и "пачкой" по много сразу. Возможно и такое, что во время обработки одного события возникают другие, например пока выполнялся код для `onclick` -- посетитель провёл мышкой, а это уже `mousemove`.
+События могут возникать не только по очереди, но и "пачкой" по много сразу. Возможно и такое, что во время обработки одного события возникают другие, например пока выполнялся код для `onclick` -- посетитель нажал кнопку на клавиатуре (событие `keydown`).
 
 Здесь мы разберём, как браузер обычно работает с одновременно возникающими событиями и какие есть исключения из общего правила. 
 
@@ -50,8 +50,8 @@
 В действии:
 
 ```html
-<!--+ autorun  no-beautify -->
-<textarea rows="6" cols="40" id="area">Кликни меня
+<!--+ autorun height=150 no-beautify -->
+<textarea rows="8" cols="40" id="area">Кликни меня
 </textarea>
 
 <script>
@@ -79,7 +79,7 @@
 Когда посетитель фокусируется на элементе, возникает событие `onfocus`. Обычно оно происходит, когда посетитель кликает на поле ввода, например:
 
 ```html
-<!--+ run autorun -->
+<!--+ run height=80 autorun -->
 <p>При фокусе на поле оно изменит значение.</p>
 <input type="text" onfocus="this.value = 'Фокус!'" value="Кликни меня">
 ```
@@ -103,7 +103,7 @@
 При этом обработчик `onclick` вызовет метод `focus()` на текстовом поле `text`. Код обработчика `onfocus`, который при этом запустится, сработает синхронно, прямо сейчас, до завершения `onclick`.
 
 ```html
-<!--+ autorun  no-beautify -->
+<!--+ autorun height=80 no-beautify -->
 <input type="button" id="button" value="Нажми меня">
 <input type="text" id="text" size="60">
 
@@ -142,7 +142,7 @@
 Если это неудобно, можно запланировать `text.focus()` чуть позже через `setTimeout(..., 0)`, вот так
 
 ```html
-<!--+ autorun -->
+<!--+ autorun height=80 -->
 <input type="button" id="button" value="Нажми меня">
 <input type="text" id="text" size="60">