日本語入力が確定しているかどうかを判定するクラス

ImeChecker.js

/*
 *  How to use in Vue
 *  export default {
 *    template: `
 *      <input type="text" @keydown="imeChecker.keydownEvent" @keyup.enter="keyupEvent">
 *    `,
 *    data() {
 *      return {
 *        imeChecker: new ImeChecker()
 *      }
 *    },
 *    methods: {
 *      keyupEvent($event) {
 *        if (imeChecker.imeIsNotActive) {
 *          do something...
 *        }
 *      }
 *    }
 * }
 */
export default class ImeChecker {
  constructor() {
    this.imeFlag = false;
  }

  keydownEvent(e) {
    this.imeFlag = e.keyCode == 229;
  }

  // 日本語入力が確定しているかどうか
  // 確定している true
  // 確定していない false
  get imeIsNotActive() {
    return !this.imeFlag;
  }
}