Question

HTML：

     <footer>
        <a href="#"><div class="footbut" id="chooseFile"  onclick="">
                  <div class="done2 gradGreen" data-bind="visible: picsCount(objectInRoute())>0">
                    <div class="typcn typcn-tick indone"></div>
                  </div>
            <div class="typcn typcn-camera bigblack"></div>
            <span data-bind='text: pickONE("aside",18)'></span>
        </div></a>     
    </footer>    
    <form class="uppform" action="upload.php" method="post" enctype="multipart/form-data">
      <input type="file" id="file" name="image" data-bind="value: upload"/>
      <input type="hidden" name="imageObject" data-bind="value: objectInRoute()"/>
      <div data-bind="if: upload()">
        <div class="first stripe40 gradGold tGold">
          <h1  data-bind="text: pickONE('aside',41)"></h1>
        </div>          
        <input type="submit" data-bind="value: upload" id="submit" class="gradGreen"/>
      </div>  
    </form>

JS：

$('#chooseFile').click(function(){
    alert ("here");
    $('#file').click();
});

（CSS：

#file {
  display: none;
}

在PC警报工作时，单击#file（=打开选择文件）可以正常工作。

在我的触摸屏上（Android，手机）：警报有效，但它不会打开带有相机/文档/图库的弹出窗口....

如何在触摸屏上使用或在其他地方出错？谢谢！

Answer 1

如果有人对这种特殊情况感兴趣，似乎这段代码解决了这个问题：

#file {
  width: 0;
  height: 0;
  float: left;
  visibility: hidden;
}

而不是display：none;

我不确定，它会在所有设备上运行，但在我的测试中它可以。

在点击事件，触摸屏上点击事件

1 个答案: