javascript) e.target이 새로 클릭한것으로 refresh가 안되고있는데, 방법이 있을까요?

Question

안녕하세요. table안의 버튼을 클릭하면, 가상 키보드가 뜨고, 키보드에 입력한값을, 클릭한 버튼과 같은 tr안의 각기 td에 넣으려고 하는데요. e.target이 자꾸 현재 클릭한곳이 아닌 이전에 클릭한곳의 tr안으로 들어가요. 방법이 있을까요? bleWrap.addEventListener('click',(e)=>{ if (e.target.classList.contains('discount_img_btn')) { // 🍉js1007-20-10. when click the % img, toggle color on img e.target.classList.toggle('change') let EPP = e.target.parentNode.parentNode; console.log(EPP.children[1].childNodes[0]) console.log(EPP.children[1].childNodes[1]) console.log(EPP.children[2].childNodes[0]) console.log(EPP.children[2].childNodes[1]) console.log(EPP.children[3].childNodes[0]) console.log(EPP.children[3].childNodes[1]) /* 🍉20-40-10.price change 1. if..contains('change')..o ..grandTotalSubtract() 👉create discount function..., and change to it from grandTotalSubtract()🌊 1. if..contains('change')..x ..grandTotal() */ let priceChange = e.target.parentNode.parentNode.children[4].textContent; if ( e.target.classList.contains('change') && !EPP.children[1].childNodes[1]) { keyboardDiscount.classList.add('change'); // 🍉js1011-10. Checking Discount line if there is it or not, create Discount line when there is none. EPP.children[1].innerHTML += `

Discount

`; EPP.children[2].innerHTML += `

%

`; EPP.children[3].innerHTML +=`

`; EPP.children[4].innerHTML += `

`; grandTotalSubtract(priceChange);/* js1005-40 */ }else if(!e.target.classList.contains('change')){ EPP.children[1].removeChild(EPP.children[1].childNodes[1]); EPP.children[2].removeChild(EPP.children[2].childNodes[1]); EPP.children[3].removeChild(EPP.children[3].childNodes[1]); EPP.children[4].removeChild(EPP.children[4].childNodes[1]); /* keyboard */ keyboardDiscount.classList.remove('change'); /* price */ let priceChange_parse = parseFloat(priceChange).toFixed(2); grandTotal(priceChange_parse); } // 🍉js1011-30. Enter- keyboard-discount number discountEnterKey.addEventListener('click',()=>{ let itemPrice = EPP.children[4].textContent let itemPriceNum = parseFloat(itemPrice).toFixed(2); // 🍉js1012-05. put the discount number(%) into input on table(".discount_set") from keyboard display EPP.children[2].childNodes[1].innerHTML= `${discountDisplay.value}%`; }); } else{ return; } });

나다ㅏㅏㅏ · Answer

class대신에 dataset으로 찾아보는 건 어떠신가요? 이벤트 위임을 활용해서요!https://ko.javascript.info/event-delegation

igalaxy · Answer

답변감사합니다. 조언주신 방향으로 한번 해볼게요.

javascript) e.target이 새로 클릭한것으로 refresh가 안되고있는데, 방법이 있을까요?

2개의 답변

#e.target 목록