클릭 이벤트 핸들러를 각 이미지에 연결 한 다음 이미지를 클릭하면 SRC에 경고합니다.
HTML :
<img src="http://www.lorempixel.com/100/200">
<img src="http://www.lorempixel.com/200/200">
<img src="http://www.lorempixel.com/400/200">
<img src="http://www.lorempixel.com/200/200">
자바 스크립트 :
var pics = document.getElementsByTagName('IMG');
for (x=0; x < pics.length; x++) {
pics[x].addEventListener('click', function(){
alert(pics[x].getAttribute('src'));
}, false);
}
나는 그것이 내가 엉망으로 만드는 단순한 것임을 알고 있지만 그것을 알 수는 없습니다.
이벤트 리스너를 추가 할 때 루프 요소 대신 클릭 된 요소를 참조해야합니다.
그래서이되지 않습니다 pics[x]하지만 this대신에 (클릭 된 요소 참조).
다음은 jsFiddle입니다.
http://jsfiddle.net/Hbc4M/
var pics = document.getElementsByTagName('IMG');
for ( x=0; x < pics.length; x++ ) {
pics[x].addEventListener('click', function(){
alert(this.getAttribute('src'));
}, false);
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다