Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → JavaScript, TypeScript, ECMAScript → наводення курсору і натиснення A чи клік ----> зміна класу об'єкта
Для відправлення відповіді ви повинні увійти або зареєструватися
Подивіться, будьте ласкаві, код. Я не дуже тямлю у дужках, тому міг наплутати.
document.querySelectorAll(".btn").forEach(function (e) {
e.addEventListener("click", function () {
this.parentElement.classList.toggle("opened");
});
e.addEventListener("mouseover", function () {
switch(e.keyCode){
case 65:
this.parentElement.classList.toggle("opened");
}
});
});
Для дужок придумали вирівнювання - ставте початкову і завершальну дужку на одному рівні і не помилитеся. Це якщо у вас редактор зовсім простенький і не підсвічує, а так ще легше.
А от що ви робите у другому випадку - я не розумію. e у вас що - елемент .btn? А який у нього keyCode може бути?
Тоді як правильно?
document.querySelectorAll('.btn').forEach(function(e) {
e.addEventListener('click', function() {
this.parentElement.classList.toggle('opened');
});
e.addEventListener('mouseover', function() {
switch (e.keyCode) {
case 65:
this.parentElement.classList.toggle('opened');
}
});
});не дякуйте
Ти просто змінив пробіли? Воно так просто не стане працювати.
А, вибачай, не помітив лапки інші. Все-одно не працює)
У хромі є така чарівна клавіша f12, яка показує консоль. Що там пише, які саме помилки?
Якось так:
document.querySelectorAll('.btn').forEach(function(e) {
func = ()=>{this.parentElement.classList.toggle('opened');}
e.addEventListener('click', func);
e.addEventListener('mouseenter', func);//mouseover буде спрацьовувати завжди при русі, mouseenter - лише при наведенні
});Якось так:
document.querySelectorAll('.btn').forEach(function(e) { func = ()=>{this.parentElement.classList.toggle('opened');} e.addEventListener('click', func); e.addEventListener('mouseenter', func);//mouseover буде спрацьовувати завжди при русі, mouseenter - лише при наведенні });
Перестало відкриватися взагалі. А ще у вас немає A (65), у мене подвійна подія.
Перестало відкриватися взагалі. А ще у вас немає A (65), у мене подвійна подія.
Правда? Що ж ви не сказали, що то за keyCode, коли я у вас питав?
Неправильно вас зрозумів тоді.
Здається, знайшов як це зробити!
Хоча ні, здалося.
Просто знайшов таке:
if (e.keyCode == 65)Ню-ню.
що ви хочете зробити?
що ви хочете зробити?
що ви хочете зробити?
Я хочу зробити, щоб для дії достатньо було навести курсор на кнопку та натиснути A.
Невже це роблять так рідко, що ніхто не може одповісти
Невже це роблять так рідко, що ніхто не може одповісти
А ви гадаєте, що за хвилину вам мають вже відповідати?
Олексій написав:Невже це роблять так рідко, що ніхто не може одповісти
А ви гадаєте, що за хвилину вам мають вже відповідати?
Можуть і мають - дві різні речі. А про хвилину ніхто і не казав.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<button class="btn">ЯваСценарій вбиває</button>
<body>
<script type="application/javascript">
document.getElementsByTagName("body")[0].addEventListener("keyup", function(e) {
if (e.keyCode == 65) {
document.querySelectorAll(".btn").forEach(function (e) {
if (e === document.activeElement) {
e.parentElement.classList.toggle("opened");
}
});
}
});
document.querySelectorAll(".btn").forEach(function (e)
{
e.addEventListener("click", function() {
this.style.color = "red";
});
});
</script>
</body>
</html>FakiNyan написав:що ви хочете зробити?
Я хочу зробити, щоб для дії достатньо було навести курсор на кнопку та натиснути A.
тоді вам треба івент onhover і той, котрий про кнопки
а нє, onmouseover
Для відправлення відповіді ви повинні увійти або зареєструватися