>  기사  >  웹 프론트엔드  >  IE_javascript 스킬 아래 체크박스 더블클릭시 응답지연 문제 해결

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

WBOY
WBOY원래의
2016-05-16 16:54:171394검색
코드 복사 코드는 다음과 같습니다.



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

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

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

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

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

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


$("input[type='checkbox'] ").attr('ondblclick', ' this.click()');
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.