input type file 이거요..

Question

input type&#61;file을 jquery change()를 이용해서 alert()을 해봤는데요;$(&#34;#profile&#34;).on(&#34;change&#34;, function() { alert(); }브라우저는 상관없는데;Android 등 모바일 환경에서는 change()가 처리가 안되는데 해결 방법이 있나요?

JulianChoi · Accepted Answer

결과론적으로 아주 간단한 부분이라면 굳이 jquery문법을 이용하셔야 할 이유라도 있을까요?그냥 javascript로 해당 작업은 충분할텐데요. 우선 해당 구문에서 on => live 로 대체할수가 있습니다.$(document.body).live('change','#profile',function(){ alert("first case"); }); // or $(document).ready(function() { $("#profile").live('change', function() { alert("second case"); }); });만약 해당 jquery가 먹히지않는다면 javascript 만으로도 충분히 구현가능하니 확인해보시기바랍니다.

JulianChoi · Answer

아래와 같이 시도해보심이 어떤지요.모바일에서 트리거링이 잘 먹히지 않는부분이 있어 확인해 볼 두가지 케이스를 알려드립니다. 첫번재 방법은 트리거링을 직접적으로 document.body에 걸어줘서 하는 방법이 있고두번째 방법은 혹시 input type&#61;file 이 자식 element라서 못찾을수도 있기에 하는 방법입니다. $(document.body).on('change','#profile',function(){ alert(&#34;first case&#34;); }); // or $('#beforetag').on('change','#profile',function(){ alert('second case'); });

뱅뱅뱅 · Answer

버전이 낮아서 그런가요?... Android 2.3.5 버전에서는 알려주신 두가지방법으로는 해결이 안 되네요;input type &#61; file이 말씀하신 것처럼 자식 element입니다만 혹시 첫번째 방법으로 따로 테스트 해보셨나요?

뱅뱅뱅 · Answer

고맙습니다 change가 잘 작동해요!좀더 기본에 충실해야 할것 같습니다 ㅠ

JulianChoi · Answer

기본이 충실하다면 정말 좋겠죠.그러나 그렇지 않은 사람들이 많은게 현실입니다.저역시 쿠쿸..같이 노력해요 하하..

뱅뱅뱅 · Answer

넹 ~ ^0^

input type file 이거요..

6개의 답변

#change 목록