阻止表單元素失去焦點

2022-06-09 13:57:12 字數 529 閱讀 4939

有乙個文字框

該文字框並且繫結了事件:

window.onload=function

() }

那麼預設情況下點選abc這個文字框之外的元素都會使其觸發blur事件

如果在元素上新增如下屬性並且值為on就不會讓之前獲得焦點的任何元素失去焦點:

<

span

unselectable

="on"

>no blur

span

>

<

span

unselectable

="">yes blur

span

>

但chrome中不支援此屬性

可以通過

樣式解決:

style="-moz-user-select:none;" 

style="-webkit-user-select:none;"

但是  ,啊 但是  也只能選不中文字,而不能阻止其失去焦點。

Angular form表單失去焦點校驗

之前做了乙個angualrjs form表單自動校驗,同事說使用者體驗很差,一輸入就是錯誤,都不想註冊了。幾番查資料修改後 之前的 就不看了,直接看修改後的 html head meta charset utf 8 title link rel stylesheet href css bootstr...

HTML表單元素

表單元素是允許使用者在表單中 比如 文字域,下拉列表,單選框,核取方塊等等 輸入資訊的元素 表單標籤 文字域 text fields 當使用者要在表單中鍵入字母,數字等內容時,就會用到文字域 單選按鈕 radio buttons 當使用者從若干給定的的選擇中選取其一時,就會用到單選框 核取方塊 ch...

form表單元素

文字框 text 密碼框 password 文字域 textarea 單選框 radio 同一組單選按鈕的name取值一定要一致 核取方塊 checkbox 下拉列表框 選項 如果所有都沒有寫selected selected 則預設顯示第乙個的選項值 提交 submit value值是顯示在按鈕上...