簡體   English   中英

如何檢查<input>標簽是否點擊?

[英]How to check <input> tag is click or not?

我有一個這樣的輸入標簽:

<input type="file" id="excel_file"
accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
style="color:transparent; "/>

和輸出:

在此處輸入圖片說明

我想要做的是檢查是否單擊了Choose File按鈕。 我無法使用與普通按鈕相同的方法進行檢查,因為此choose file不是按鈕。 有誰知道我如何檢測用戶是否點擊了它?

如果您只想偵聽單擊事件,只需使用以下命令:

const inputElement = document.getElementById('excel_file');
inputElement.addEventListener('click', () => {
    console.log('I was clicked');
}, false);

但是,如果您想監聽文件選擇的事件,那么您應該使用“更改”而不是“單擊”。 'change' 事件只會在選擇文件時觸發,避免在用戶單擊按鈕然后通過單擊取消退出時觸發您的功能。

有關更多信息: 使用來自 Web 應用程序的文件

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM