Tip&Tech Native JS에서 현재 클릭한 버튼의 Index 값을 가져오기
페이지 정보
본문
Native JS에서
현재 클릭한 버튼의 Index 값을 가져오고 싶을때...
------------ HTML ------------
<ul>
<li><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
</ul>
<li><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
</ul>
------------- JS -----------------------------
var btns = document.getElementsByTagName("button");
for(var i=0; i<btns.length; i++){
(function(i){
btns[i].addEventListener("click", aa)
function aa(){ console.log("i="+i); }
})(i);
}
for(var i=0; i<btns.length; i++){
(function(i){
btns[i].addEventListener("click", aa)
function aa(){ console.log("i="+i); }
})(i);
}
-------- Output ------
i=0
i=1
i=2
i=1
i=2
i=3
i=4
- 이전글브라우저 체크 (Bowser Check) 15.05.15
- 다음글Hittest.js (PNG Collision Detection) 개체간의 부딪힘 이벤트 15.05.07
댓글목록
등록된 댓글이 없습니다.
