Question

我想在光标从一个文本框移动到下一个文本框时立即调用一个函数。单击选项卡或输入预期输入并移至下一个输入后，应进行函数调用。

Answer 1

您正在寻找blur事件，该事件在<input>失去焦点时发生。使用Vue syntax在blur上添加一个<input>事件监听器：

v-on:EVENT_NAME="METHOD"

示例：

<input v-on:blur="handleBlur">

或更短的语法：

@EVENT_NAME="METHOD"

示例：

<input @blur="handleBlur">

new Vue({
  el: '#app',
  methods: {
    handleBlur() {
      console.log('blur');
    }
  }
})

<script src="https://unpkg.com/vue@2.5.17"></script>

<div id="app">
  <input @blur="handleBlur" placeholder="first name">
  <input @blur="handleBlur" placeholder="last name">
</div>

如何在vue.js中使用onfocusout函数？

1 个答案: