input イベントで入力前の値を取得する

HTML

<h1>input イベントで入力前の値を取得する</h1>

<input id="sample" type="text" name="sample" data-input-before="" value="" />

JavaScript

'use strict';
document.getElementById('sample').addEventListener('input', function handleInput (event) {
  var input = event.target,
      value = input.value;

  console.log('input-before', input.getAttribute('data-input-before'));
  console.log('input-end', value);
  input.setAttribute('data-input-before', value);

  console.log(event);
  console.log('data' in event, event.data); // false undefined
}, false);