Actually updated "click" handling

main
Amēlija I 2024-10-08 20:50:37 +03:00
parent 3941519e5d
commit d384a11e83
1 changed files with 43 additions and 6 deletions

View File

@ -19,17 +19,54 @@ document.addEventListener( "keydown", (event) => {
document.addEventListener( "mousedown", (event) => {
console.log(`Клик мышью: ${event.button}`)
})
});
document.addEventListener( "click", (event) => {
const clickedElement = event.target;
if (clickedElement.tagName === 'A') {
const tag = clickedElement.tagName;
const id = clickedElement.id ? clickedElement.id : "отсутствует";
const className = clickedElement.className ? clickedElement.className : "отсутствует";
if (tag === 'A') {
event.preventDefault();
const href = clickedElement.href;
console.log(`Переход по ссылке: ${href}`)
}
})
localStorage.setItem('clickedElementInfo', `Тэг: ${tag}, ID: ${id}, Класс: ${className} Ссылка: ${href}`)
navigateWithPromise(href);
}
else if (tag === 'INPUT') {
const placeholder = clickedElement.placeholder ? clickedElement.placeholder : "отсутствует";
console.log(`Тэг: ${tag}, ID: ${id}, Класс: ${className}, Плейсхолдер: ${placeholder}`)
}
});
function navigateWithPromise(href) {
return new Promise((resolve) => {
window.location.href = href;
resolve();
});
}
function waitForPageLoad() {
return new Promise((resolve) => {
window.addEventListener('load', resolve);
});
}
waitForPageLoad().then(() => {
const clickedElementInfo = localStorage.getItem('clickedElementInfo');
if (clickedElementInfo) {
console.log(clickedElementInfo);
localStorage.removeItem('clickedElementInfo');
}
});
document.addEventListener( "copy", (event) => {
@ -48,4 +85,4 @@ document.addEventListener( "copy", (event) => {
console.log(`Скопирован текст: ${outputText}, Скопировано из: ${pageUrl}`)
}
})
});