PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
leshiy
Отправлено: 15 Марта, 2020 - 11:56:47
Post Id


Частый гость


Покинул форум
Сообщений всего: 171
Дата рег-ции: Июнь 2008  


Помог: 0 раз(а)




Как сделать это
CODE (javascript):
скопировать код в буфер обмена
  1. $('.gl-post a,.w100 a').one("click", false);
на чистом javascript
 
 Top
Vladimir Kheifets
Отправлено: 15 Марта, 2020 - 16:32:53
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 513
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 24 раз(а)




leshiy пишет:
Как сделать это
CODE (javascript):
скопировать код в буфер обмена
  1. $('.gl-post a,.w100 a').one("click", false);
на чистом javascript

Добрый день!
Вы хотите привязать событие click к элементу по его классу, так чтобы событие срабатывало только один раз.
Например, как в jQuery-коде, для Double Class 'gl-post a' и Double Class 'w100 a'
На чистом JS, это можно сделать так:
CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <script>
  4. function ClickEvent(class_names) {
  5.         cl_arr=class_names.split(",");
  6.         for ( ic = 0; ic < cl_arr.length; ic++)
  7.         {
  8.             cl = cl_arr[ic];
  9.             cl = cl.replace(".","");
  10.             el = document.getElementsByClassName(cl);
  11.             for ( i = 0; i < el.length; i++)
  12.             {
  13.                 el[i].addEventListener('click', MyClick);
  14.             }
  15.         }
  16. }
  17. function MyClick() {
  18.   alert(this.innerHTML);
  19.   this.removeEventListener('click',MyClick);
  20. }
  21. </script>
  22. </head>
  23. <body onLoad="ClickEvent('.gl-post a,.w100 a')">
  24. <a class="gl-post a">Link 1</a><br>
  25. <a class="gl-post a">Link 2</a><br>
  26. <a class="gl-post a">Link 3</a><br>
  27. <a class="w100 a">Link 4</a><br>
  28. <a class="w100 a">Link 5</a><br>
  29. <a class="w100 a">Link 6</a>
  30. </body>
  31. </html>

Удачи!

(Отредактировано автором: 15 Марта, 2020 - 16:38:26)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB