leshiy пишет: на чистом javascript
Добрый день!
Вы хотите привязать событие click к элементу по его классу, так чтобы событие срабатывало только один раз.
Например, как в jQuery-коде, для Double Class 'gl-post a' и Double Class 'w100 a'
На чистом JS, это можно сделать так:CODE ( html):
скопировать код в буфер обмена
<html> <head> <script> function ClickEvent(class_names) { cl_arr=class_names.split(","); for ( ic = 0; ic < cl_arr.length; ic++) { cl = cl_arr[ic]; cl = cl.replace(".",""); el = document.getElementsByClassName(cl); for ( i = 0; i < el.length; i++) { el[i].addEventListener('click', MyClick); } } } function MyClick() { alert(this.innerHTML); this.removeEventListener('click',MyClick); } </script> </head> <body onLoad="ClickEvent('.gl-post a,.w100 a')"> <a class="gl-post a">Link 1</a><br> <a class="gl-post a">Link 2</a><br> <a class="gl-post a">Link 3</a><br> <a class="w100 a">Link 4</a><br> <a class="w100 a">Link 5</a><br> <a class="w100 a">Link 6</a> </body> </html>
Удачи!(Отредактировано автором: 15 Марта, 2020 - 16:38:26)
|