ie8 모드에서 클릭이 응답하지 않고 옵션이 응답하지 않는 문제에 대한 해결 방법

select에서 옵션을 클릭하고 위의 input에 할당하는데, 이는 jQuery로 직접 작성한 것입니다. 문제는 IE8에서 열었을 때 옵션을 클릭해도 아무 일도 일어나지 않는다는 것입니다.

얻은 효과는 선택에서 옵션을 클릭하고 위의 입력에 할당하는 것이 더 일반적입니다.

$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value); 
})

이상한 점이 있습니다. 사용자들은 기본적으로 360 브라우저 등 국내 듀얼코어 브라우저를 사용하고 있으며, 네이티브 Eclipse를 추가하여 크롬 커널을 사용하여 테스트 환경에 배치하면 IE8의 구문 분석 표준이 된다.

이제 질문이 나옵니다. 발굴하는 방법을 배우세요...음, 아니죠!

IE8에서 열 때 옵션을 클릭해도 아무 일도 일어나지 않습니다.

경고 추가를 시도했는데

$("#cardNoList option").click(function(){
alert("111");
$("#card").attr("value","").attr("value",this.value);
alert("222"); 
})

클릭이 전혀 호출되지 않았습니다.

처음에는 IE8에서 jQuery의 클릭 이벤트와의 호환성 문제인 줄 알았으나 jQuery는 호환성을 캡슐화해 널리 사용하고 있기 때문에 저에게만 그런 일은 일어나면 안 됩니다.

나중에 생각해보니 IE8에서는 옵션에 클릭이 추가되지 않았나 해서 변경하고 이제 IE8, Firefox, Chrome 모두 입력에 값을 할당할 수 있게 되었습니다. 순조롭게.

$("#cardNoList").click(function(){
$("#card").attr("value","").attr("value",this.value);
})

바이두에서 검색해 보니 "우리 모두 알고 있듯이 IE에서는 선택 옵션이 onclick 이벤트를 지원하지 않는 것 같습니다." o(╯□╰)o　

이후

$("#cardNoList").click(function(){
$("#card").val(this.value);
}

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면 jQuery 비디오 튜토리얼을 방문하세요!