2014-01-20 3 views
0

IE에서 클릭 이벤트를 트리거하는 방법은 무엇입니까? 그것은 크롬과 FF에서 잘 작동하지만 IE에서 작동하지 8,9,10 내 HTMLIE에서 입력 클릭 이벤트를 트리거하는 방법

:

<div class="qq-uploader"> 
    <div class="qq-upload-button" 
     style="position: relative; overflow: hidden; direction: ltr;" 
     id="sizcache07400451357324745"> 
     Click here to upload Image 
     <input type="file" multiple="multiple" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 450px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"> 
    </div> 
</div> 

jQuery를 :

$(".qq-upload-button").each(function(){ 
    $(this).click(function(e){ 
    $(this).find('input[type="file"]').trigger('click'); 
    return false; 
    }); 
}); 
+0

입력 클릭 트리거가 브라우저에서 일관성 (http://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-program -atically-a 파일 입력). qq-upload-button div를 라벨로 대체하여 내부 입력을 트리거하도록 제안합니다. –

답변

1

당신 하지 열린 파일 업로드 프로그래밍 대화 할 수 모든 브라우저에서 파일 입력 요소에 대해. 자세한 내용은 answer을 참조하십시오.

force 클릭하여 파일 업로드 컨트롤을 클릭하여 수행하는 것이 좋습니다. 또한 각 루프에서 $(".qq-upload-button")에 처리기를 추가

, 한 번에 on 방법으로 핸들러를 추가 할 수 있습니다

$(".qq-upload-button").on('click', function(e){ 
    $(this).find('input[type="file"]').trigger('click'); 
}); 
+0

죄송합니다! 클릭 이벤트가 발생하지만 파일 업로드 대화 상자가 열리지 않습니다. 왜? – Sadikhasan

+0

다른 곳에서 HTML 코드를 작성하면 한 번 시도하십시오. 문제가 CSS에서 작동하는 경우 즉, js에 문제가있는 경우 나는 한번 당신을 도울 수 있습니다 모르겠어요 – sarath

+0

내 대답을 편집합니다. 이 [질문 및 답변]에서 더 많은 정보를 얻을 수 있습니다 (http://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file -입력). 나는 또한 당신에게 더 짧은 코드 예제를하는 방법을 알려 주었다. – Pinal

관련 문제