html input与textarea 值改变事件

// 文本输入框(input) 文本域(textarea)值改变事件

// onpropertychange(IE) oninput(w3c)

$('input,textarea').on('propertychange input', function(event) {

     console.log($(this).val())

});

 

事件顺序

1. keydown 
2. keypress
3. propertychange / input
4. keyup

• keydown 阻止默认行为(event.stopPropagation())则 keypress ,propertychange/input不会发生.但keyup正常.
  
• keypress 阻止默认行为则 propertychange/input不会发生.但keyup正常.
• propertychange input 阻止默认行为 无改变.
• propertychange 在IE9下 对 backspace无效