Question

我正在做一个小项目，我必须取消单击文件输入时通常发生的事件：对话框的显示，允许用户选择文件。

这是我的文件输入：

<input id="echangevignette" type="file">

我没有发现任何有关取消此类事件的信息，所以这就是为什么我需要一些帮助。

Answer 1

好的老Event.preventDefault()应该为您解决问题：

<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
    </head>
    <body>
        <script>
            document.addEventListener('DOMContentLoaded', () => { 
                document.getElementById('echangevignette').onclick = e => e.preventDefault();
            });
        </script>
        <input id="echangevignette" type="file">
    </body>
</html>

P.S。如果您在DOMContentLoaded

之后加载脚本，则可以跳过<input id="echangevignette" type="file">事件监听器

Answer 2

这应该可以解决问题。...

HTML

<input id="echangevignette" type="file">

JS

document.getElementById("echangevignette").addEventListener("click", function(event){
 event.preventDefault()
});

单击文件输入时如何禁止打开对话框？

2 个答案: