moving all labs to old dir
This commit is contained in:
3
old/lectures/lec6/part2/task1.txt
Normal file
3
old/lectures/lec6/part2/task1.txt
Normal file
@@ -0,0 +1,3 @@
|
||||
1. юзер нажимает мышь в поле с объектами -> onmousedown
|
||||
2. мышь движется куда-то зачем-то -> onmousemove
|
||||
3. пользователь отпускает мышь -> onmouseup
|
||||
10
old/lectures/lec6/part2/task2.txt
Normal file
10
old/lectures/lec6/part2/task2.txt
Normal file
@@ -0,0 +1,10 @@
|
||||
Последовательность событий, происходящих при вводе значения в текстовое поле:
|
||||
1. focus текстовое поле получает фокус
|
||||
--- следующие повторяются
|
||||
2. onpaste ктрл в прожато
|
||||
3. keydown пользователь нажимает клавишу на клавиатуре.
|
||||
4. input значение текстового поля изменяется (например, при вводе символа).
|
||||
5. keyup пользователь отпускает клавишу.
|
||||
--- следующие не повторяются
|
||||
6. change пользователь завершает ввод и текстовое поле теряет фокус, если значение было изменено.
|
||||
7. blur текстовое поле теряет фокус (например, пользователь кликает вне текстового поля).
|
||||
11
old/lectures/lec6/part2/task3.js
Normal file
11
old/lectures/lec6/part2/task3.js
Normal file
@@ -0,0 +1,11 @@
|
||||
document.getElementById('aboba').addEventListener('mouseover', function() {
|
||||
const parent = this.parentElement;
|
||||
parent.style.paddingTop = `${parseFloat(window.getComputedStyle(parent).paddingTop) * 1.1}px`;
|
||||
parent.style.paddingBottom = `${parseFloat(window.getComputedStyle(parent).paddingBottom) * 1.1}px`;
|
||||
});
|
||||
|
||||
document.getElementById('aboba').addEventListener('mouseout', function() {
|
||||
const parent = this.parentElement;
|
||||
parent.style.paddingTop = `${parseFloat(window.getComputedStyle(parent).paddingTop) / 1.1}px`;
|
||||
parent.style.paddingBottom = `${parseFloat(window.getComputedStyle(parent).paddingBottom) / 1.1}px`;
|
||||
});
|
||||
9
old/lectures/lec6/part2/task4.js
Normal file
9
old/lectures/lec6/part2/task4.js
Normal file
@@ -0,0 +1,9 @@
|
||||
document.querySelectorAll('img').forEach(function(img) {
|
||||
img.addEventListener('mouseover', function() {
|
||||
this.classList.add('border');
|
||||
});
|
||||
|
||||
img.addEventListener('mouseout', function() {
|
||||
this.classList.remove('border');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user