Javascript：长按文件对话框

Question

是否可以长按文件对话框？ 例如JavaScript中的长按？ 有长期按下触发事件的答案。 但是，这不能用于在大多数浏览器中触发文件输入单击，因为它不被视为用户激活。

var pressTimer;

$("a").mouseup(function(){
  clearTimeout(pressTimer);
  // Clear timeout
  return false;
}).mousedown(function(){
  // Set timeout
  pressTimer = window.setTimeout(function() 
  {    fileChooser.click() // assume fileChoose is a file input element
       // This is suppressed by most browsers.
  },1000);
  return false; 
});

Answer 1

当然有可能。 您可能必须使用mousedown和mouseup事件为它开发自己的检测。 计算mousedown和mouseup之间的时间，并确定延迟是否足够长以引起其他一些操作。

https://jsfiddle.net/psc4yk76/2/

(function() {
  const longtime = 500;
  const target = document.getElementById('target');
  const input = document.getElementById('input');
  const button = document.getElementById('button');

  var timedown = 0;

  button.onmousedown = () => {
    timedown = new Date().getTime();
  };

  button.onmouseup = () => {
    let timeup = new Date().getTime();
    let insert = document.createElement('div');

    if( (timeup - timedown) < longtime ) {
      insert.appendChild(document.createTextNode('Short!'));
    } else {
      insert.appendChild(document.createTextNode('Long!'));
      input.click();
    }

    target.appendChild(insert);
  }
})()