체크박스 엔터키 안됨

체크박스 엔터키 안됨

QA

체크박스 엔터키 안됨

본문

1893379372_1702606486.9967.png

 

오늘따라 질문이 많아지네요 혹시 체크박스를 키보드로 쓸 때 엔터키가 적용이 되지 않습니다 이유가 있을까요? 이것만 보고는 어려울까요?

이 질문에 댓글 쓰기 :

답변 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>
답변을 작성하시기 전에 로그인 해주세요.
전체 10,639
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT