IE_javascript 스킬 아래 체크박스 더블클릭시 응답지연 문제 해결

코드 복사 코드는 다음과 같습니다.

위 코드는 IE에서 다중 선택 상자를 생성합니다. 클릭하면 확인란이 선택됩니다. 클릭 다시 확인하면 수표가 취소됩니다.

이건 별 문제가 없을 것 같지만, 이 버튼을 빠르게 두 번(더블클릭보다 조금 느리게...) 클릭하려고 하면 생각한 효과가 나오지 않을 수 있습니다.

IE에서는 이때 체크박스를 선택하면 빠르게 두 번 클릭하면 첫 번째 클릭 시 체크박스가 해제되고, 두 번째 클릭 이후에는 체크박스가 선택되지 않습니다. 선택되었지만 선택되지 않은 상태로 유지됩니다.

Chrome 등의 브라우저에서는 첫 번째 클릭으로 체크박스가 해제되고, 두 번째 클릭 이후에는 체크박스가 선택된 상태로 돌아갑니다.

따라서 IE에서는 더블클릭하면 체크박스가 반대 상태로 변경됩니다. IE가 아닌 경우 두 번 클릭하면 확인란이 동일한 상태가 됩니다.

IE 아래의 확인란을 두 번 클릭하여 IE가 아닌 효과를 얻으려면 다음 코드를 사용해야 합니다.

복사 code 코드는 다음과 같습니다.

$("input[type='checkbox'] ").attr('ondblclick', ' this.click()');