21 Відповідь від FakiNyan Востаннє редагувалося FakiNyan (28.07.2018 14:09:57)

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

<button id="btn">ЯваСценарій вбиває</button>
let isOver = false;

const elem = document.getElementById('btn');

elem.addEventListener('mouseover', (event) => {
    isOver = true;
}, false);

elem.addEventListener('mouseleave', (event) => {
    isOver = false;
}, false);

document.addEventListener('keypress', ({key}) => {
    if (key === 'a' || key === 'A' || key === 'ф' || key === 'Ф') {
      alert('Льоша любе Галю');
  }
}, false);

https://jsfiddle.net/xrp9ydz3/7/

22 Відповідь від Олексій Востаннє редагувалося Олексій (28.07.2018 15:47:03)

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

FakiNyan написав:
Олексій написав:
FakiNyan написав:

що ви хочете зробити?

Я хочу зробити, щоб для дії достатньо було навести курсор на кнопку та натиснути A.

тоді вам треба івент onhover і той, котрий про кнопки
а нє, onmouseover

Я хотів би зробити це НЕ через івент на самому об'єкті, а через прослуховувач подій, як у моєму непрацюємучему прикладі. Річ у тім, що пар кнопок та дівов, що повині розкритися, багато, оскільки їх виводить цикл php. Якщо ви знаєте, як зробити відкриття діву хоча б звичайним кліком через івент у цій ситуації а не так, як у моєму прикладі, будь ласка розкажіть. Тоді я зможу зробити і так, як ви порадили.

23 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

тобто у нас є купа кнопок, кожна з котрих відкриває окремий дів?

24 Відповідь від Олексій Востаннє редагувалося Олексій (28.07.2018 16:24:53)

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

FakiNyan написав:

тобто у нас є купа кнопок, кожна з котрих відкриває окремий дів?

Так, а кожний комплект з кнопкою і дівом лежить у діві з класом .post
Ой, я і не помітив вашу відповідь з кодом

25 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

ну то там легко, просто надавайте елементам такі класи, аби потім можна було об'єднати кнопку з дівом

26 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

або краще дайте всім кнопкам один клас, але різні data атрибут, і в цей атрибут запишіть id або клас div'а, до котрого вона прив'язана

27 Відповідь від Олексій

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

FakiNyan написав:

ну то там легко, просто надавайте елементам такі класи, аби потім можна було об'єднати кнопку з дівом

Воно так і працює у моєму коді

28 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

ну то шо ще треба?

29 Відповідь від Олексій Востаннє редагувалося Олексій (29.07.2018 10:33:46)

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

Те ж саме, що треба було спочатку.
Зачекайте, я думаю.

30 Відповідь від Олексій Востаннє редагувалося Олексій (29.07.2018 10:58:48)

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

http://jsfiddle.net/qjm8trL2/97/
Зроблено по вашому прикладу. "А" не працює.

31 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

Олексій написав:

http://jsfiddle.net/qjm8trL2/97/
Зроблено по вашому прикладу. "А" не працює.

тому що ви помилку зробили, навіть код переписати не можете  *FACEPALM*

32 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

о господи, там ціла купа помилок, це капець...
це ви не виспались, чи що? бо якщо все окей, і стільки помилок, то вам треба щось з цим робити, бо це біда
http://jsfiddle.net/qjm8trL2/117/

33 Відповідь від Олексій

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

Просто я не переписував, а намагався скоротити та піднести під свою логіку ваш код.

34 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 319
    • Репутація: 2298

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

Олексій, почекайте більш компетентних кодерів для допомоги.

35 Відповідь від Олексій

  • Дата реєстрації: 17.07.2018
  • Повідомлень: 42
    • Репутація: 2

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

Величезне дякую за код!

Подякували: FakiNyan1

36 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: наводення курсору і натиснення A чи клік ----> зміна класу об'єкта

Олексій написав:

Просто я не переписував, а намагався скоротити та піднести під свою логіку ваш код.

на початку краще переписувати, але вдумливо, запам'ятовуючи ключові моменти, типу назв методів та подій