下圖的一個(gè)需求,輸入框輸入后焦點(diǎn)離開input框就能自動生成一個(gè)標(biāo)簽,同時(shí)也要考慮回車鍵
生成標(biāo)簽
目前在blur事件綁定了方法A,keyup事件觸發(fā)后調(diào)用了方法B毫胜,B中去調(diào)用方法A
存在的問題:
- 可以看到方法A被觸發(fā)了兩次,即在keyup事件后又觸發(fā)了blur事件
- 雖然在Vue的setter中前后相同的值不會去觸發(fā)更新诬辈,但是為了代碼的邏輯優(yōu)化美觀酵使,不寫一些垃圾代碼,必須得解決
解決辦法:
- 在keyup事件中手動去觸發(fā)blur方法自晰,比如:
ele.addEventListener('keyup', function (e) {
e.keyCode === 13 && (e.target.blur())
})