var inputTest = document.querySelector('#inputTest');

var contenteditTest = document.querySelector('#contenteditTest');

​

inputTest.addEventListener('input', function(e) {

  console.log('inputTest input')

}, false);

​

contenteditTest.addEventListener('input', function(e) {

  console.log('contenteditTest input')

}, false);

​

// 直接修改不会触发表单元素的input事件

inputTest.value ='123456';

contenteditTest.innerHTML = '654321';

​

​

// 通过Event对象手动触发input事件

var event = new Event('input');

​

function setInputTest(val) {

  inputTest.value =val;

  inputTest.dispatchEvent(event);

}

​

function setContenteditTest(val) {

  contenteditTest.innerHTML = val;

  contenteditTest.dispatchEvent(event);

}

​

console.log('----分隔线----');

setInputTest(111111);

setContenteditTest(222222);

​