如何在移动设备上使用触摸屏检测多个文件的选择

时间:2019-06-06 11:35:47

标签: javascript html mouseevent touch-event multipleselection

我需要通过单击表单的input type="file"元素来计算多次选择期间所选文件的数量。我正在笔记本电脑上编写代码,并且此代码一切正常:

function counter() {
  var inputUploader = document.querySelector('input[type="file"]'),
    chosenFiles = inputUploader.files,
    filesCount = chosenFiles.length > 1 ? chosenFiles.length : chosenFiles.length;
  alert(filesCount);
}
<form>
  <div>
    <input id="inputUploader" type="file" name="x" multiple />
  </div>
</form>
<button onclick="counter()">click</button>

但是尝试在移动设备(demo)上测试代码时,我发现了这个错误:如果我从移动设备执行代码,则多项选择结果是 ONE (数字),而在计算机上则没有...使用以下命令进行的 (多个)选择 之间似乎有不同的触发条件 鼠标 ,以及通过 触摸 在移动设备上制作的鼠标。

干杯,谢谢你

#Edit:

我还注意到,如果您从 VIA移动浏览器https://play.google.com/store/apps/details?id=mark.via.gp)访问该演示,则无法选择多项,而从 Firefox移动浏览器是可能的,但是如前所述,选择似乎是唯一的

0 个答案:

没有答案