콜백 함수에서 데이터 액세스하기

Question

let toggleForm = function() { 
    // code here 
    } 

    document.getElementById('one').addEventListener("click", toggleForm, false); 

    document.getElementById('two').addEventListener("click", toggleForm, false); 

toggleForm에서 하나 또는 두 개의 요소가 이벤트를 발생 시켰는지 알고 싶습니다. 그 일에 대해 어떻게 생각하세요?

Answer 1

사용 e.target :

<button id = 'one'>One</button> 
<button id = 'two'>Two</button> 
<script> 
    var one = document.getElementById('one'), 
    two = document.getElementById('two'); 
    let toggleForm = function(e) { 
    if (e.target === one) alert('One'); 
    else alert('Two'); 
    }; 
    one.addEventListener("click", toggleForm, false); 
    two.addEventListener("click", toggleForm, false); 
</script>