반응형
아래와 같이 생긴 select가 있다고 가정하고요.
<select class='aaa-select'> ... </select>
이 select가 focus, change 될 때 일어나는 이벤트는 아래와 같은 코드로 처리할 수 있습니다.
$('.aaa-select').on('focus', function () {
console.log('focus event');
}).change(function() {
console.log('change event');
});
이런식의 시나리오를 처리할 수 있을 것 같아요. focus 되면 현재 선택되어 있는 값을 저장합니다.
change가 일어나면 어떤 프로세스를 처리하는데 변경에 정상적으로 이루어지면 상관없지만 어떤 이유에서 변경이 이뤄지지 않아야 하면 focus에서 저장된 값을 사용해서 원래대로 돌려버리는 것이죠. 그리고 에러 메세지를 띄우면 되겠죠.
아무튼 자주 사용하는데 기록해두고 가져다 쓰려고 저장합니다.
반응형
'자바스크립트,부트' 카테고리의 다른 글
자바스크립트 jQuery input enter event (0) | 2019.05.31 |
---|---|
datatables redraw (0) | 2019.05.31 |
jQuery로 select 된 값 가지고 오기 (0) | 2019.05.27 |
javascript - select - focus and change (0) | 2019.05.26 |
IE11, Edge 에서 CSS 배경이미지 SVG 사용 (0) | 2018.01.19 |
자바스크립트 URL 정보 가져오기(찾기, 확인) (0) | 2017.06.15 |
jQuery를 활용해서 클래스(class) add / remove 하기 (0) | 2017.06.09 |
html element delete using jQuery (0) | 2017.03.25 |