Bootstrap 의 Input 태그 사용시 아래와 같이 입력한 text를 지우는 기능을 넣는 방법에 대한 코드
HTML
});
CSS
::-ms-clear {
display: none;
}
.form-control-clear {
z-index: 10;
pointer-events: auto;
cursor: pointer;
}
JavaScript
$('.form-control').on('input change', function() {
var $this = $(this);
var visible = Boolean($this.val());
$('.form-control-clear').toggleClass('hidden', !visible);
}).trigger('propertychange');
$('.form-control-clear').on('click', function() {
$('.form-control').val('').trigger('change').focus();
$(this).toggleClass('hidden', true);
});
Reference: https://codepen.io/frosdqy/pen/grbxGW
'Web' 카테고리의 다른 글
| [Javascript] Drag&Drop 을 막고싶은 경우 (0) | 2019.02.25 |
|---|---|
| [Javascript] 함수 Performance 체크 (0) | 2016.12.25 |
| [FONTAWESOME] icon 제공 라이브러리 (0) | 2016.12.16 |
| [Chrome] 웹페이지의 글자가 흐릿하게 나오는 경우 (0) | 2016.01.08 |
| [Chrome] Cache 삭제 (0) | 2015.12.31 |
