textarea와 button이 같이 있는데 e.target이 textarea만 나오는건 뭘까요?
본문
textarea와 button이 같이 있는데 e.target이 textarea만 나오는건 뭘까요?
버튼을 오지게 눌러도 e.target으로 textarea만 나옵니다
답변 3
이벤트를 각각 별도로 적용해주셔야할 것 같습니다?
당연히 별도입니다... 버튼을 클릭해야만 handler 함수가 실행되게 만들어 놧는데
바로옆에 textarea를 눌러도 버튼을 클릭했을 때 실행되는 hanlder가 실행되서 미치겠습니다ㅠ
그렇군요! 그러면 해당 버튼이 textarea영역을 침범했는지 확인해보시겠어요?
야매로는 textarea를 클릭 했을때 아무런 이벤트가 발생하지 않도록 중단하는 부분을 넣어줄 수 있을 것 같습니다.
https://redcow77.tistory.com/520
ㅠㅠㅠㅠㅠㅠㅠㅠㅠ
if(!e.target.type === "textarea") {
실행
} else {
console.log("응 여전히 textarea 클릭중이야")
}
이렇게 해도 else만 뜨네여 ㅎㅎ;;
갑자기 undefined가 뜨는데 또 연구를...
if(!e.target.type === "textarea") {
실행
} else {
console.log("응 여전히 textarea 클릭중이야")
}
위 e.target.type 앞에 ! 느낌표를 빼고 해보시겠어요?
그리고 e.target.type 값을 console.log 로 찍어보셔야할 것 같습니다
textarea가 아닐때 실행하는 문이 였어서여 처음부터 다시 하고 있습니당
textarea와 button이 같이 있는 html 소스를 올려주세요.
e.preventDefault();
console.log(e.currentTarget.value);
로 확인해보세요