第二種方法 本人測試可用

1. 替代法

使用隱藏的<input type="file"/>控件，然后用一個只讀的文本框和一個按鈕來模擬<input type="file"/>的功能。

<input type="file" name="file" onpropertychange="file1.value=this.value" style=display:none/>
<input type="text" name="file1" readonly/>
<input type="button" value="瀏覽" id="button1" name="button1" οnclick="file.click()"/>

2. 使用腳本事件限制控件輸入

將<input type="file"/>控件的鼠標右鍵菜單、按鍵事件限制住，不讓用戶有機會輸入。 www.it165.net

<input type="file" οnkeydοwn="return false" οnkeyup="return false" οncοntextmenu="return false">

3. 使用contenteditable屬性

使用該屬性可以有效地限制用戶在<input type="file"/>控件中手動輸入內容，而只能通過文件選擇對話框選擇文件。

<input type="file" id="file1" contenteditable="false" />

轉載于:https://www.cnblogs.com/xiabaizhu/p/4109837.html

總結

以上是生活随笔為你收集整理的JS禁止input表单元素手动输入方法(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。