vue鼠標(biāo)懸停事件 前端開(kāi)發(fā)中失去焦點(diǎn)和獲取焦點(diǎn)是什么意思?
前端開(kāi)發(fā)中失去焦點(diǎn)和獲取焦點(diǎn)是什么意思?1. 失去焦點(diǎn)和獲得焦點(diǎn)是鼠標(biāo)的行為。例如,當(dāng)您單擊幾個(gè)輸入框中的一個(gè)使其處于編輯輸入狀態(tài)時(shí),可以獲得焦點(diǎn)。單擊其他輸入框或其他區(qū)域時(shí),將失去此輸入框的焦點(diǎn),如
前端開(kāi)發(fā)中失去焦點(diǎn)和獲取焦點(diǎn)是什么意思?
1. 失去焦點(diǎn)和獲得焦點(diǎn)是鼠標(biāo)的行為。例如,當(dāng)您單擊幾個(gè)輸入框中的一個(gè)使其處于編輯輸入狀態(tài)時(shí),可以獲得焦點(diǎn)。單擊其他輸入框或其他區(qū)域時(shí),將失去此輸入框的焦點(diǎn),如下圖所示:
2。與前端開(kāi)發(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)單代碼示例如下:
vb獲得焦點(diǎn)和失去焦點(diǎn)?
jquery一個(gè)div怎么獲得焦點(diǎn)和失去焦點(diǎn)?
div獲取焦點(diǎn)(兩種方法):div直接使用focus()和blue()方法,這兩種方法無(wú)效。您需要添加tabIndex=“0”或contenteditable=“true”屬性。① :如果div設(shè)置為編輯狀態(tài),則可以點(diǎn)擊獲取焦點(diǎn),div的內(nèi)容也可以編輯;例如:<divcontenteditabiled=“true”>11111</div>;②:設(shè)置div的tabIndex,此時(shí)div的內(nèi)容不可編輯;例如:<divtabindex=“0”>11111</div>Ps:設(shè)置tabIndex屬性,按鍵盤(pán)上的tab鍵獲取焦點(diǎn),tabIndex值越小,切換tab鍵時(shí)焦點(diǎn)就在第一位
在div中獲取焦點(diǎn)有兩種方式:focus()和blur()在div中無(wú)效,需要添加屬性tabIndex=“0contenteditable=“true”。如果div設(shè)置為可編輯,則可以單擊獲取焦點(diǎn),也可以編輯div的內(nèi)容。如果設(shè)置了div的tabIndex,則無(wú)法編輯div的內(nèi)容。PS:設(shè)置tabIndex屬性并按鍵盤(pán)的tab鍵以獲得焦點(diǎn)。tabIndex值越小,切換tab鍵時(shí),焦點(diǎn)將首先聚焦
獲得焦點(diǎn)。用鼠標(biāo)單擊text1,否則按鈕event text1.setfocus將失去焦點(diǎn)。它只在焦點(diǎn)移出時(shí)發(fā)生,例如當(dāng)鼠標(biāo)指向其他位置時(shí)