触发点击事件点击事件，触摸屏

Firing click event on click event, touch screen

本文关键字：事件 触摸屏      更新时间：2024-05-20

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;
}​

在电脑警报工作时，点击#file（=打开选择文件）工作。

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

我该如何在触摸屏上使用，或者在其他地方出错？非常感谢。

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

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

代替显示：无；

我真的不确定它是否能在所有设备上工作，但在我的测试设备上它确实能工作。

相关文章：