输入相关事件

input

:::info 当输入框输入内容就会触发该事件。
❌ input事件出自HTML5的规范，但是IE8及以下不支持！！！ :::

var oInput = document.getElementById("content");
oInput.oninput = function () {
  console.log(this.value);
};

IE8需要用onpropertychange事件来代替input事件：

oInput.onpropertychange = function () {
  console.log(this.value);
};

change

:::info 表单改变值的时候触发，对于input输入框来说，change事件会在文本框失去焦点的时候触发，而input事件是在输入的过程中实时触发。
当文本框聚焦和失焦的时候值没有变化不会触发change事件。 :::

var oInput = document.getElementById("content");
oInput.onchange = function () {
  console.log(this.value);
};

focus

:::info 当文本框获得焦点时触发该事件。 :::

var oInput = document.getElementById("content");
oInput.onfocus = function () {
  console.log(this.value);
};

blur

:::info 当文本框失去焦点时触发该事件。 :::

var oInput = document.getElementById("content");
oInput.onblur = function () {
  console.log(this.value);
};