웹 프론트엔드 JS 튜토리얼 JavaScript는 이벤트 매개변수가 다른 상황을 해결하기 위해 for 루프에 이벤트를 바인딩합니다_javascript 팁

JavaScript는 이벤트 매개변수가 다른 상황을 해결하기 위해 for 루프에 이벤트를 바인딩합니다_javascript 팁

May 16, 2016 pm 05:03 PM
for 루프 바인딩 이벤트

때로는 여러 개의 유사한 이벤트에 응답해야 하는데 각 이벤트의 매개변수가 다릅니다. 처음에는 for 루프를 사용하는 것이 매우 간단하다고 생각했지만 알고 보니 마지막 매개변수가 사용되었습니다. . . .

온라인으로 정보를 확인해보세요! ! ! 결과적으로 마스터는

코드를 해결하기 위해 클로저를 사용한다고 말했습니다.


for(var i=0;ibtns[i].onclick=(function(i){
return function() {alert(i)}
} )(i)
}

아마도 이유는 btns[i].onclick=function(){alert(i)}가 직접 사용하면 JavaScript 엔진은 먼저 for 루프의 코드를 실행 후 변환합니다.

사용자가 onclick 이벤트를 시작하면 JavaScript는 i를 찾고 작업이 완료된 후 결과는 i가 됩니다. 이는 10

하지만 클로저로 처리하면 i는 다음의 함수 지역 변수가 됩니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP를 사용하여 100 이내의 홀수를 찾는 방법 PHP를 사용하여 100 이내의 홀수를 찾는 방법 Dec 23, 2022 pm 06:54 PM

구현 단계: 1. for 문 제어 범위를 사용하여 1에서 100까지의 숫자를 탐색합니다. 구문은 "for ($i = 1; $i <= 100; $i++) {loop body code}"입니다. 루프 본문에서는 if 문과 "%" 연산자를 사용하여 홀수를 얻고 출력합니다. 구문은 "if($i % 2 != 0){echo $i."입니다.

PHP에서 for 루프의 실행 순서는 무엇입니까 PHP에서 for 루프의 실행 순서는 무엇입니까 Sep 22, 2021 pm 06:24 PM

실행 순서: 1. "초기화 표현식"을 실행합니다. 2. "조건 판단 표현식"을 실행합니다. 표현식의 값이 true이면 "루프 본문"을 실행하고, 그렇지 않으면 루프 본문을 실행한 후; , "변수 업데이트 식"을 실행합니다. 4. 변수가 업데이트된 후 조건 판단 값이 false가 될 때까지 다음 루프에 들어가 루프를 종료합니다.

JS 루프 학습: for 루프 문 사용(자세한 예) JS 루프 학습: for 루프 문 사용(자세한 예) Aug 03, 2022 pm 06:45 PM

이전 글 "JS 루프 학습: While 루프문의 활용(상세 예시)"에서 while 루프와 do while 루프에 대해 간략하게 알아보았으며, 오늘은 또 다른 루프인 for 루프문을 소개하겠습니다. 모두에게 도움이 될 것입니다!

mysql에는 for 루프가 있나요? mysql에는 for 루프가 있나요? Mar 30, 2023 pm 08:26 PM

MySQL에는 for 루프가 없습니다. MySQL은 for 루프 문을 지원하지 않습니다. WHILE, REPEAT 및 LOOP의 세 가지 루프 문만 지원합니다. MySQL은 조건에 따라 SQL 코드 블록을 반복적으로 실행할 수 있는 루프 문을 제공합니다.

Python에서 for 루프를 사용하는 방법 Python에서 for 루프를 사용하는 방법 Oct 25, 2023 pm 12:18 PM

Python에서 for 루프를 사용하는 방법 Python은 간단하고 사용하기 쉬운 프로그래밍 언어이며 for 루프는 가장 일반적으로 사용되는 도구 중 하나입니다. for 루프를 사용하면 일련의 데이터를 반복하고 효과적인 처리 및 작업을 수행하며 코드 효율성을 향상시킬 수 있습니다. 아래에서는 구체적인 코드 예시를 통해 Python에서 for 루프를 사용하는 방법을 소개하겠습니다. 기본 for 루프 구문 Python에서 for 루프의 구문은 다음과 같습니다: 반복 가능한 객체의 for 변수:

Go에서 대규모 배열 처리: 범위 또는 루프에 사용하시겠습니까? Go에서 대규모 배열 처리: 범위 또는 루프에 사용하시겠습니까? Jul 24, 2023 pm 02:47 PM

우리는 Go의 구문이 상대적으로 간결하다는 것을 알고 있습니다. C에서 지원하는 while, do...while 등과 같은 루프 제어 구문을 제공하지 않지만 for 루프라는 하나의 문만 유지합니다.

jQuery를 사용하여 선택 요소의 값 변경 이벤트 바인딩 구현 jQuery를 사용하여 선택 요소의 값 변경 이벤트 바인딩 구현 Feb 24, 2024 am 08:51 AM

jQuery는 DOM 조작, 이벤트 처리, 애니메이션 효과 및 웹 페이지의 기타 작업을 단순화하는 데 널리 사용되는 JavaScript 라이브러리입니다. 웹 개발에서는 이벤트를 페이지 요소에 바인딩해야 하는 경우가 많으며, 선택 옵션 변경 이벤트를 바인딩하는 것은 일반적인 요구 사항 중 하나입니다. 이 기사에서는 jQuery를 사용하여 선택 옵션 변경 이벤트를 바인딩하는 방법을 소개하고 특정 코드 예제를 제공합니다. 1. HTML 문서에 jQuery 라이브러리를 먼저 소개합니다.

C 언어에서 for 루프를 사용하여 배열의 짝수와 홀수를 분리하는 방법은 무엇입니까? C 언어에서 for 루프를 사용하여 배열의 짝수와 홀수를 분리하는 방법은 무엇입니까? Aug 25, 2023 pm 03:09 PM

배열은 단일 이름으로 저장된 관련 데이터 항목의 그룹입니다. 예를 들어 intStudent[30];//student는 배열 이름, 단일 변수 이름을 포함하는 30개의 데이터 항목 모음입니다. 배열의 연산 검색 - 특정 요소가 존재하는지 찾는 데 사용됩니다. 정렬 - 배열의 요소를 정렬하는 데 도움이 됩니다. 오름차순 또는 내림차순으로 정렬됩니다. 순회 - 배열의 각 요소를 순차적으로 처리합니다. 삽입 - 배열에 요소를 삽입하는 데 도움이 됩니다. 삭제 - 배열에서 요소를 삭제하는 데 도움이 됩니다. 배열의 요소. 배열에서 짝수를 찾는 논리는 다음과 같습니다. - for(i=0;i<size;i++){ if(a[i]%2==0){

See all articles