체크박스 엔터키 안됨
본문
오늘따라 질문이 많아지네요 혹시 체크박스를 키보드로 쓸 때 엔터키가 적용이 되지 않습니다 이유가 있을까요? 이것만 보고는 어려울까요?
답변 2
기본적으로 스페이스 키가 체크박스의 체크여부를 선택할수 있고
엔터키로 접근시에는 아무런 동작을 하지 않습니다.
다음 코드는 엔터키로 접근이 가능하도록 하는 예제 입니다.
<ul>
<li><input type="checkbox"> 1</li>
<li><input type="checkbox"> 2</li>
<li><input type="checkbox"> 3</li>
<li><input type="checkbox"> 4</li>
<li><input type="checkbox"> 5</li>
</ul>
<script>
function add_access_enter_on_checkbox() {
var chks = document.querySelectorAll('input[type="checkbox"]');
for (var i = 0, i_len = chks.length; i < i_len; i++) {
chks[i].addEventListener('keydown', function (evt) {
if (evt.keyCode == 13) {
this.checked = !this.checked;
}
});
}
}
add_access_enter_on_checkbox();
</script>
onkeydown="if(event.keyCode==13) javascript: 함수명();"
답변을 작성하시기 전에 로그인 해주세요.
