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。