获取javascript中cursor out时输入的值？

Question

我有一个输入：

<a-form-item label="user" :colon="false">
    <a-input placeholder="user" name="user" @keyup.enter="checkUser"/>
</a-form-item>

在方法中：

checkUser() {
   console.log('ok');
},

在方法中： checkUser当我输入然后我得到输入值。 但现在我不想那样做，我想在我输入完输入值后，将 cursor 移到外面，方法： checkUser将获取该输入的值。 谢谢

Answer 1

利用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>

Answer 2

如果您希望在移出 cursor 时触发该方法，则可以使用@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>