테스트 사이트 - 개발 중인 베타 버전입니다

체크박스 엔터키 안됨 채택완료

skqhdjk2 1년 전 조회 2,074

 

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

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
1년 전

기본적으로 스페이스 키가 체크박스의 체크여부를 선택할수 있고

엔터키로 접근시에는 아무런 동작을 하지 않습니다.

다음 코드는 엔터키로 접근이 가능하도록 하는 예제 입니다.

</p>

<p><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></p>

<p><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;

            }

        });

    }

}</p>

<p>add_access_enter_on_checkbox();

</script></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

R
1년 전

</p>

<p>onkeydown="if(event.keyCode==13) javascript: 함수명();"</p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인