title: VueJS - How to detect Ctrl+V?
body: <p>I've already seen the answers to <strong><a href="https://stackoverflow.com/q/2903991/2562819">this question</a></strong>, but it's not the solution I need, since it's for <strong>jQuery</strong>, and I need something for <strong>vue.js</strong>.</p>
  
  <p>So far, I was able to detect single character presses using the ff. code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default {
    name: 'game',
  
    data () {
      return {
        allowInput: false,
        disabledKeys: ['ArrowLeft', 'Home', 'Control']
      }
    },
  
    methods: {
      keymonitor: function (event) {
        console.log(event.key)
        
        if (this.disabledKeys.indexOf(event.key) &gt;= 0) {
          event.preventDefault()
          this.allowInput = false
          // alert('not allowed')
        } else {
          this.allowInput = true
        }
      },
  
      checkAnswer () {
        if (! this.allowInput) {
          alert('the key(s) you pressed is/are not allowed')
        }
      } /* END checkAnswer */
    } /* END methods */
  } /* END export default */</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.2/vue.min.js"&gt;&lt;/script&gt;
  
  &lt;input id="typeBox" ref="typeBox" autocomplete="off" placeholder="Type here..."
         @keydown="keymonitor" @keyup="checkAnswer()" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The code above successfully prevents the textbox from accepting <kbd>ArrowLeft</kbd>, <kbd>Home</kbd>, and <kbd>Control</kbd> key presses.</p>
  
  <p><strong>The problem:</strong></p>
  
  <p>I'm trying to figure out how to detect <kbd>Ctrl</kbd>+<kbd>V</kbd>, because I want to prevent paste action in my text box. Does anyone know how to do this? Thanks in advance.</p>