javascript onblur和onfocus的區(qū)別?
onblur和onfocus的區(qū)別?Onfocus就是獲取焦點(diǎn),例如onblue,我們通常在最常用的文本搜索框中有一個(gè)默認(rèn)提示“請(qǐng)輸入搜索關(guān)鍵字”??梢允褂眠@兩個(gè)事件。獲得焦點(diǎn)后,清除“請(qǐng)輸入搜索關(guān)鍵
onblur和onfocus的區(qū)別?
Onfocus就是獲取焦點(diǎn),例如onblue,我們通常在最常用的文本搜索框中有一個(gè)默認(rèn)提示“請(qǐng)輸入搜索關(guān)鍵字”。可以使用這兩個(gè)事件。獲得焦點(diǎn)后,清除“請(qǐng)輸入搜索關(guān)鍵字”。當(dāng)你失去焦點(diǎn)時(shí),默認(rèn)情況下會(huì)顯示“請(qǐng)輸入搜索關(guān)鍵字”,通常不會(huì)寫入。例如,中搜索框的默認(rèn)值。JS文件是這樣寫的
onfocus就是為了得到焦點(diǎn)。很多HTML控件都有這個(gè)。Onblur會(huì)失去焦點(diǎn)。Onchange是更改控件的值。它通常用于文本。前兩個(gè)是處理鼠標(biāo)焦點(diǎn),最后一個(gè)通常是文本框。哈哈哈
只有表單元素在onblur事件中才有此事件!例如,在用于輸入用戶名的登錄框中,單擊鼠標(biāo),光標(biāo)將閃爍以提示您輸入信息。此時(shí),您將獲得焦點(diǎn)并觸發(fā)onfocus事件。當(dāng)您在輸入框外單擊鼠標(biāo)時(shí),您將失去焦點(diǎn)并觸發(fā)onblur事件,而表單元素onblur事件必須在獲得焦點(diǎn)后觸發(fā)!也就是說,沒有焦點(diǎn)的表單元素不能失去焦點(diǎn)!它不會(huì)觸發(fā)onblur事件!說了這么多,我一分也沒得!沮喪的
S里onFocus、onBlur和onChange之間的區(qū)別?
1. 失去焦點(diǎn)和獲得焦點(diǎn)是鼠標(biāo)的行為。例如,當(dāng)您單擊幾個(gè)輸入框中的一個(gè)使其處于編輯輸入狀態(tài)時(shí),可以獲得焦點(diǎn)。單擊其他輸入框或其他區(qū)域時(shí),將失去此輸入框的焦點(diǎn),如下圖所示:
2。與前端開發(fā)相對(duì)應(yīng)的兩個(gè)JavaScript事件是onfocus和onblur事件,onfocus事件發(fā)生在對(duì)象獲得焦點(diǎn)時(shí),onblur事件發(fā)生在對(duì)象失去焦點(diǎn)時(shí)。
3. 獲取焦點(diǎn)事件的簡(jiǎn)單代碼示例如下: