>

<div class="client">name1</div>
<div class="client">name2</div>
<div class="client">name3</div>
<div class="client">name4</div>
<div class="client">name5</div>
<div class="client">name6</div>

Не получается сделать, при клике на определенный div, должно вывести в 콘솔 на какой div был клик

  • 답변 # 1

    정확하고 명백한 이유가없는 한 클릭 이벤트를 전체 문서에 바인딩해서는 안됩니다.

    여기서 ".client"클래스를 가진 모든 요소의 이벤트를 바인딩 할 수 있습니다.

    document.querySelectorAll('.client').forEach( element => {
     element.addEventListener('click', event => {
      alert(event.target.textContent)
     })
    })
    
    

  • 답변 # 2

    이것은 트릭을 수행합니다

    document.addEventListener('click', function(e) {
            e = e || window.event;
            var target = e.target || e.srcElement,
                text = target.textContent || target.innerText; 
                alert(text)
        }, false);
    
    

관련 자료

  • 이전 html - CSS를 사용하여 반복되는 각 클래스의 마지막 자식을 선택하는 방법은 무엇입니까?
  • 다음 vba - 뛰어나다 - 조건부 서식 복사, 규칙 제거, 형식 유지