jQuery .click 이벤트 핸들러에서 사용자 함수에 매개변수를 전달하는 방법은 무엇입니까?

jQuery의 .click을 사용하여 사용자 함수에 매개변수 전달

jQuery에서 .click 이벤트 핸들러를 사용하면 요소를 클릭할 때 함수를 실행할 수 있습니다. 이 기능을 사용하려면 .click()에 대한 인수로 함수를 지정하십시오. 그러나 매개변수를 함수에 전달하는 데 어려움을 겪는 경우가 많습니다.

이 문제를 해결하려면 아래와 같이 .click() 내에서 즉시 실행되는 익명 함수를 사용하는 것을 고려할 수 있습니다.

<code class="js">$('.leadtoscore').click(function() { add_event('shot'); });</code>

또는 여러 위치에서 add_event 함수를 호출하려는 경우 또 다른 접근 방식은 jQuery의 데이터 속성을 사용하여 매개변수를 전달하는 것입니다. 버전 1.4.3에서는 이 기능을 도입하여 데이터 맵을 생성하고 이를 .click()의 첫 번째 매개변수로 전달할 수 있습니다.

<code class="js">$('.leadtoscore').click({ event: 'shot' }, add_event);</code>

이벤트 핸들러 내에서 이벤트 객체를 통해 데이터 맵에 액세스합니다. , 여기에 설명된 대로:

<code class="js">function add_event(event) {
  const eventParam = event.data.event;
}</code>

이 방법은 코드의 다양한 위치에서 함수를 호출할 수 있는 유연성을 유지하면서 .click()에 의해 호출된 함수에 매개변수를 전달하는 편리한 메커니즘을 제공합니다.

위 내용은 jQuery .click 이벤트 핸들러에서 사용자 함수에 매개변수를 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!