ÇÁ·Î±×·¡¹Ö
ù ÆäÀÌÁö ·£´ý ±Û ȸ¿ø°¡ÀÔ ·Î±×ÀÎ
ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-18 22:25:24
URL https://te31.com/rgr/view.php?id=study&no=1617 ¸ð¹ÙÀÏ È­¸é
Å©·Ò È®Àå ÇÁ·Î±×·¥ ¸¸µé¾î¼­ ¹èÆ÷ÇغýÀ´Ï´Ù.

Ãë¾÷Àº ¾ÈµÇ°í, ÇÒÁþÀº ¾ø°í Çؼ­ °£´ÜÇÑ Å©·Ò È®Àå ÇÁ·Î±×·¥ Çϳª ¸¸µé¾î¼­ ¹èÆ÷ÇغýÀ´Ï´Ù.
³ª¹«À§Å° ÁÖ¼®À» ÆäÀÌÁö ÇÏ´ÜÀ¸·Î À̵¿ÇÒ ÇÊ¿ä¾øÀÌ ¹Ù·Î º¸¿©ÁÖ´Â ±â´ÉÀ» ÇÕ´Ï´Ù.

https://chrome.google.com/webstore/detail/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4-%EB%8F%84%EC%9A%B0%EB%AF%B8-namuwiki-helper/kmokimjcfhemkmideimlghmeilmachjk?utm_source=chrome-app-launcher-info-dialog


ÀÌ°Å ¸¸µé¸é¼­ ¹è¿î Á¡ :
- ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Áö¿ª º¯¼öÀÇ ¹üÀ§´Â ºí·° ´ÜÀ§°¡ ¾Æ´Ï¶ó ÇÔ¼ö´ÜÀ§ÀÌ´Ù. (¿Í.. ÀÌ°Í ¶§¸Å 3½Ã°£)
- µû¶ó¼­ loop¸¦ ÀÌ¿ëÇØ addEventListener¸¦ È£ÃâÇÒ ¶© ÇÔ¼ö ºí·°À¸·Î °¨½ÎÁà¾ß µÈ´Ù.
¿¹)
for (i=...)
{
...
button[i].addEventListener(...); --------> X
...
}

for (i=...)
{
...
(function () {
button[i].addEventListener(...); --------> O
} ())
...
}
- ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ document.querySelectorAll() ¸Þ¼­µå°¡ ²Ï ÆíÇÏ´Ù.

¹¹.. ÀÌ Á¤µµ°¡ µÇ°Ú³×¿ä. ÀÌ·± °Å À̷¼­¿¡ ½áµµ µÇ·Á³ª¿ä?? (½áµµ ÀÐÁö¾Ê°ÚÁö...¤Ñ.¤Ñ)

Àâ´ã | 1147¸íÀÌ Àоú¾î¿ä. 3.145.64.235

0
1 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-18 23:05:27
closure ¸»¾¸ÇϽô µíÇѵ¥ ´Ü¼øÈ÷ ±×·¸´Ù Àú·¸´Ù ¾ê±âÇϱⰡ Á» ±×·¯³×¿ä. addEventListener¿¡ µé¾î°¡´Â callback function¿¡ i¸¦ ½è´Ù¸é Àú·¸°Ô ÇÏ´õ¶óµµ i´Â ±×´ë·Î ¸Ç ¸¶Áö¸· ¼ýÀÚ¿¡ ÇØ´çµÉÅÙµ¥¿ä..

(function(i) {
button[i]....
})(i);

ÀÌ·± ½ÄÀ¸·Î ÇϽŠ°Ç°¡¿ä?
2 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-18 23:20:14
1/ ¾Æ Á¦°¡ ¼Ò½º¸¦ ³Ê¹« ³¯¸²À¸·Î ½è³×¿ä. i´Â for ¹® ¹Û¿¡ Àü¿ªº¯¼ö·Î ¼±¾ðÇß½À´Ï´Ù. ±×¸®°í addEventListenerÀÇ ÄݹéÇÔ¼ö ¾È¿¡ i¸¦ »ç¿ëÇÏÁö ¾Ê¾Ò½À´Ï´Ù.

Á» ÀÚ¼¼È÷ ¾²¸é

var i;
for (i=0;i<button.length;i++){

(function () {
var item = button[i];
item.addEventListener("click",function () { alert(item.getAttribute("value")); });
} ())

}

¿äÁ¤µµ µÇ°Ú³×¿ä. ´ç½Ã Àú ¹®Á¦¿¡ ´ç¸éÇÏ¿´À» ¶§, ´ÙÀ½ À¥ÆäÀÌÁö¸¦ ÂüÁ¶ÇÏ¿´½À´Ï´Ù:
http://stackoverflow.com/questions/19586137/addeventlistener-using-for-loop-and-passing-values
3 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-18 23:28:41
2/ ½á³õ°í º¸´Ï ÄݹéÇÔ¼ö ¾È¿¡ item¿¡¼­ ÀÌ¹Ì i °¡ »ç¿ëµÇ¾ú±º¿ä....
4 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-19 12:34:29
¤»¤»¤»¤»¤»¤» °í»ýÇϼÌÀ¾´Ï´Ù
5 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-19 12:34:50
js º¯¼ö½ºÄÚÇÁ¹®Á¦ Á¦°¡¾Æ´Â ¸éÁ¢°üÀÌ Áñ°Ü¹¯´Â Áú¹®Áß ÇϳªÀÓ
6 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-19 16:21:24
±Ùµ¥ ³ª¹«À§Å° ÁÖ¼®¿¡ ¸¶¿ì½º Æ÷ÀÎÅÍ ¿Ã·Á³õÀ¸¸é ÀÚµ¿À¸·Î ÁÖ¼®³»¿ë º¸¿©ÁÖÁö ¾Ê³ª¿ä?;;
7 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-19 18:52:35
5/ ¿À¿À! ÁÁÀº Á¤º¸´Ù!
6/ ¶ß±ä Çϴµ¥¿ä, ¶ß´Â ½Ã°£ÀÌ ¹Ì¹¦ÇÏ°Ô ±æ¾î¿ä. ±×¸®°í À§Å°¹®¹ýÀÌ Çؼ®µÇÁö ¾ÊÀº »óÅ·Π¶°¿ä. ¸¶¿ì½º Èçµé¸®¸é ¶Ç ´Ù½Ã °¡Á®´Ù´ë¾î¾ßÇÏ°í ÁÖ¼® ³»¿ëÀÌ ±æ ¶§´Â ´Ù Àбâ Àü¿¡ ´ÝÈû..
8 ºñ°ø°³ ¼Õ´Ô ¡¦ 2015-12-21 01:58:43
> ÁÖ¼® ³»¿ëÀÌ ±æ ¶§´Â ´Ù Àбâ Àü¿¡ ´ÝÈû
ÀÌ°Å Àº±Ù Â¥Áõ³² ¤·¤·
´ñ±ÛÀ» ÀÛ¼ºÇÏ½Ç ¼ö ¾ø½À´Ï´Ù.
(±ÇÇÑÀÌ ¾ø´Â ȸ¿ø·¹º§)
¸ñ·ÏÀ¸·Î
¡â ÀÌÀü±Û: ÄÄÆÄÀÏ·¯´ÔÀº À§´ëÇÕ´Ï´Ù! [5]
¡ä ´ÙÀ½±Û: °¡»óÈ­ ½Ã½ºÅÛ. ¹«¾ùÀÌ ÁÁÀ»±î¿ä? [3]
ÀÌ¿ë¾à°ü | ±¤°í/Á¦ÈÞ | °³ÀÎÁ¤º¸Ãë±Þ¹æħ | ¹®ÀÇ/½Å°í | ¸ð¹ÙÀÏ TE31 | ¼­¹ö ºÎÇÏ : 13.25%
½Ç½Ã°£ Issue Ä¿¹Â´ÏƼ TE31 [¾ËÁö·Õ] ¨Ï 2002-2024
TOP arrow_upward