Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Заблокировать 1-ый клик по ссылке javascript
Форумы портала PHP.SU » » Вопросы новичков » Заблокировать 1-ый клик по ссылке javascript

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

1. leshiy - 15 Марта, 2020 - 11:56:47 - перейти к сообщению
Как сделать это
CODE (javascript):
скопировать код в буфер обмена
  1. $('.gl-post a,.w100 a').one("click", false);
на чистом javascript
2. Vladimir Kheifets - 15 Марта, 2020 - 16:32:53 - перейти к сообщению
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>

Удачи!

 

Powered by ExBB FM 1.0 RC1