vuejs中的失去焦點事件是“@blur”,當元素失去焦點時會觸發該事件,使用方法:在標簽模板中添加“@blur="事件處理函數"”語句綁定事件,使用JavaScript設置觸發事件時需要執行的代碼即可。
本教程操作環境:windows7系統、vue2.9.6版,DELL G3電腦。
@blur
是當元素失去焦點時所觸發的事件
@focus
是元素獲取焦點時所觸發的事件
示例:
<template> <div> <!-- @blur 當元素失去焦點時觸發blur事件 --> <div> <input type="text" placeholder="請輸入內容" @blur="blurText"/> </div> </div> </template> <script> export default { name: "commitText", methods:{ blurText(){ console.log("blur事件被執行了") } } } </script> <style scoped> </style>