当游标在javascript中输出时，获取输入值？
当游标在javascript中输出时，获取输入值？
提问于 2021-12-07 09:50:10
我有一个输入：
<a-form-item label="user" :colon="false">
<a-input placeholder="user" name="user" @keyup.enter="checkUser"/>
</a-form-item>在方法上：
checkUser() {
console.log('ok');
},在方法：checkUser中，当我输入时，我得到输入值。但是现在我不想这样做，我希望在输入完输入值后，将光标移到外部，并使用方法：checkUser将获得该输入的值。谢谢
回答 2
Stack Overflow用户
发布于 2021-12-07 09:52:02
利用blur事件侦听器。
<a-input placeholder="user" name="user" @blur="checkUser"/>样品填充
new Vue({
el: '#app',
data: {},
methods: {
checkUser: function(e) {
console.log("Blur event triggered", e.target.value)
}
},
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script>
<div id="app">
<input type="text" @blur="checkUser">
</div>
Stack Overflow用户
发布于 2021-12-07 10:02:56
如果希望在移出游标时触发该方法，则可以使用@mouseleave事件。或者，如果要在输入失去焦点时触发该方法，则可以尝试使用@blur事件。
new Vue({
el: '#app',
methods: {
checkUser(e) {
if(e.target.value !== '') { // To check if the input is not empty
console.log("event triggered", e.target.value)
}
return;
}
},
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script>
<div id="app">
<input type="text" @mouseleave="checkUser">
<!-- OR -->
<!--<input type="text" @blur="checkUser"> -->
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70257951
复制相关文章
相似问题
腾讯云开发者
