코드캠프 팀프로젝트 4주차 - input number scrllo and typescript

은채·2022년 7월 26일
0

team-project

목록 보기
22/28
post-thumbnail
post-custom-banner

일반적인 Input은 아니지만, mui textfiled 에서 number 속성을 쓰는 칸이 하나 있다 (적립금)
글자를 못쓰게 하려고 type을 number로 지정해주었는데, 일반 인풋처럼
상하 화살표가 생겼고.. 그 안에서 마우스 휠을 살짝 돌리면 스크롤이 된다.

이게 타이밍이 안맞으면 적립금 부분에서 휠이 돌아가서 0원이 되거나 가진 적립금을 초과하게 될 수가 있다. (내가 가진 적립금 이상 못쓰게 하면 좋은데 지금 form 상태가 아니어서 max가 안먹힘 ㅜ)

예약 폼형태이지만 내부가 폼 상태가 아니기 때문에 ㅜ
max를 못하게 alert으로 막아두었는데, 휠이 도니까 적립금 오류라고 alert이 막 뜬느 일이 생겼다.

그래서 우선 인풋 내에서 스크롤이라도 막아보려고 찾은 속성은
onWheel !
오 스크롤이 안먹힌다.

build를 하려고 보니, 타입 에러 ㅡㅡ
target의 속성..? 엥 하고 찾아보니 error 때랑 비슷하게 적어주면 된다.

[출처http://daplus.net/angular-eventtarget%EC%9C%A0%ED%98%95%EC%97%90-value%EC%86%8D%EC%84%B1%EC%9D%B4-%EC%97%86%EC%8A%B5%EB%8B%88%EB%8B%A4/)

profile
반반무마니
post-custom-banner

0개의 댓글