jQuery .click（）在Android上不起作用

Question

我有一個移動網絡應用程序，用戶在其中單擊一個空的畫布元素以上傳照片。 我這樣做的方法是使用input type =“ file”元素，並且當用戶單擊空白畫布（如果尚未加載任何圖像）時，JavaScript在隱藏的輸入類型file元素上模擬“單擊”，從而彈出文件選擇對話。

除了android，它在任何地方都可以使用，有什么想法嗎？

$("#canvas").click(function() {
    if (!imageLoaded) {
        $('#imageLoader').click();  // <-- this is the issue here
    }
});

謝謝！

Answer 1

試試這個代碼。

$(document).on("mousedown touchstart","#canvas" ,function() {
        if (!imageLoaded) {
            $('#imageLoader').trigger('click');  // <-- this is the issue here
        }
});

謝謝

Answer 2

您將要觸發點擊-http://jsfiddle.net/6AmLZ/1/

$('#imageLoader').click(function() {
    console.log('image loader has been clicked');
});
$("#canvas").click(function() {
    $('#imageLoader').trigger('click');
});

http://api.jquery.com/trigger/

雖然您所做的會觸發第二次點擊，但我發現Android平台有時需要更多。 正如其他人所建議的那樣，我還將嘗試在Android平台上沒有覆蓋畫布的任何內容，並且按預期使用CSS。