簡體   English   中英

防止用戶在輸入字段中刪除

Preventing the user from deleting in an input field

提示:本站收集StackOverFlow近2千萬問答,支持中英文搜索,鼠標放在語句上彈窗顯示對應的參考中文或英文, 本站還提供   中文簡體   英文版本   中英對照 版本,有任何建議請聯系yoyou2525@163.com。

我想要一個文本字段(HTML 中的<input> ),用戶只能使用它來編寫文本,但是在刪除文本時,它應該阻止他更新輸入元素的 state。

 <input type="text" />

除了檢測用戶在鍵盤上的按鍵操作(即使用onKeyUp屬性)並觀察用戶按鍵操作直到他按下 Backspace 字符之外,我想不出一個解決方案:

 const input = document.querySelector('input') input.addEventListener('keydown', (e) => { const keyCode = e.keyCode if (keyCode === 8) console.log("Backspace pressed!") })
 <input type="text" />

然而,這里有一個缺失的部分,即使用戶無法通過 Backspace 鍵清除輸入內容,他也可以使用Del鍵。 所以我必須像處理 Backspace 鍵一樣處理 Del 鍵。

現在,還有一個問題,就是試圖通過覆蓋內容來修改輸入內容,如下所示:

在此處輸入圖像描述

然后,在那之后,我將不得不通過cutting內容來防止用戶編輯文本(我不知道該怎么做)。

那么,有哪些替代方案?

請隨意使用 HTML、JavaScript、CSS,甚至 React。

問題暫未有回復.您可以查看右邊的相關問題.
2 如何防止用戶在輸入字段中不輸入字母?

我有一個手機輸入字段,用戶可以在其中輸入他/她的號碼,但目前用戶可以在輸入字段中輸入字母。我希望用戶只輸入 10 位數字而不是字母。 這是我的代碼 TS文件 我不想使用 type="number" 或 "text"。我只想使用 "password",因為我不想向任何人顯示我的號碼,看到代碼htt ...

3 防止用戶離開輸入字段

我正在嘗試在前端(IE11)上進行輸入字段驗證。 輸入驗證失敗時,用戶不應離開輸入字段。 他也不能激活頁面上的其他控件。 我嘗試通過使用重新獲得焦點 並通過使用來阻止任何點擊 但是頁面上仍有激活的控件(如“選項卡”和“選擇框”)。 關於如何將用戶限制為特定輸入 ...

5 防止用戶在需要驗證的文本字段中輸入null

有沒有一種方法可以告訴淘汰賽,如果用戶在必需的文本字段中輸入null,它將是無效的。 這只會迫使用戶鍵入空格以外的任何內容。 編輯: 我已經嘗試過了,但沒有成功: 例外: ...

7 如何防止從用戶輸入中刪除特殊字符(如“ /”)?

一個總的新手問題。 我正在開發一個Joomla模板,在這個模板中,我想提供從遠程位置或本地加載資產(圖像,JavaScript和CSS)的條件。 我使用以下代碼相同: 現在,我要通過用戶輸入來調用$cdn_path的值。 我可以獲取路徑,但是它正在刪除'/'標記。 請參見 ...

10 在用戶輸入字段中刪除多余的空格

在用於處理(可能是敵對的)用戶輸入字段的控制器方法中,我具有以下代碼: 我的目標是保留換行符以供典型的非惡意使用,並以安全的html編碼字符串顯示用戶輸入。 我接受用戶輸入,將其解析為換行符,並在換行符處放置定界符。 我執行HTML編碼,然后重新插入中斷。 (我可能會將其更改為將段 ...

暫無
暫無

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

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