失焦事件觸發 js中表單的聚焦失焦事件

2021-10-13 06:56:14 字數 583 閱讀 3166

焦點事件:

不是所有元素都有焦點事件,只有可互動性的元素才有,比如表單元素,a標籤。頁面中只能有乙個元素有焦點,乙個聚焦,另乙個就失焦,預設在document。

例子結構如下:

js操作如下:

1.form.txt1.focus();    // 讓元素獲得焦點,該方法不會觸發onfocus()事件。

2.form.txt1.οnfοcus=function()  //元素獲得焦點時會觸發該事件

3.form.txt1.οnblur=function()  //元素失去焦點時觸發該事件

4.form.btn.οnclick=function()  //選中輸入框中的所有文字

5.form.btn.οnclick=function()/ / setselectionrange需要配合著focus()使用才看得到效果,其中setselectionrange的結束位置不包含在內,setselectionrange(start,end)包含兩個引數,乙個是start:起始位置;乙個是end:結束位置。

預設情況下,輸入框中的文字被選中的文字顏色是藍色,如果想要改變背景顏色,可以使用 #txt::selection來改變

js中表單事件 formUtil

disabled 獲取或者設定表單控制項是否禁用 form 指向特定的字段 focus 游標聚集事件 blur 游標移開事件 submit 提交事件 select 全選事件 onchange 改變事件 onfocus 事件 注意formutil的封裝事件使用!文字框中 最多顯示10個,且最大只有10...

JS JQ簡單的表單失焦驗證

js jq簡單的表單失焦驗證 鄧強 以下 僅供參考。驗證使用者名稱 function ckname if username else if rename.test username else function ckname1 密碼失去焦點驗證 function ckpassword if passw...

Mint UI的field的聚焦失焦事件

手機號 placeholder 請輸入手機號 type tel v model phone blur phoneblur 手機號 placeholder 請輸入手機號 type tel v model phone blur.native phoneblur blur是vue裡的失焦事件,但是直接寫在...