JavaScript에서 클릭한 버튼의 ID를 어떻게 식별합니까?

클릭한 버튼의 ID 식별

HTML 및 JavaScript에서는 onClick 이벤트를 활용하여 버튼과의 사용자 상호 작용을 처리할 수 있습니다. 일반적인 시나리오는 이벤트를 트리거한 특정 버튼을 식별하는 것입니다. 이를 위해서는 해당 ID를 검색해야 합니다.

이를 위해 클릭한 버튼의 ID를 이벤트 핸들러 함수에 매개변수로 전달할 수 있습니다. 구현 방법은 다음과 같습니다.

1. 각 버튼에 고유한 ID를 할당합니다.

<button>

2. 이벤트 핸들러 함수에서 다음을 나타내는 this 키워드에 액세스합니다. 이벤트를 트리거한 DOM 요소:

function handleButtonClick(clickedButtonId) {
  // Perform actions based on the clicked button's ID
  alert(clickedButtonId);
}

이 예에서 handlerButtonClick 함수는 클릭한 버튼의 ID를 매개변수로 전달받아 어떤 버튼을 클릭했는지에 따라 특정 작업을 수행할 수 있게 해줍니다.

위 내용은 JavaScript에서 클릭한 버튼의 ID를 어떻게 식별합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!