blur和change事件区别

输入框输入结束后,离开输入框后,会先后触发change和blur事件。但是略有不同:
在这里插入图片描述
1.失去焦点后值没变时候只会触发blur,不会触发change事件。

// html
     <el-input @blur="handleBlur" @change="handleChange" v-model="inputData"></el-input>

//methods
     handleBlur(){
    
    
          console.log('blur了');
        },
        handleChange(){
    
    
          console.log('change了');
        },

1.首先在输入框输入:周冬雨
在这里插入图片描述
2.什么都不用输入,先鼠标聚焦,后鼠标离开输入框:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/124240839