鼠标与按键 事件触发顺序

<script>
var txt = document.querySelector('#txt');

txt.onmousedown = function(){
console.log('onmousedown');
}
txt.onmouseup = function(){
console.log('onmouseup');
}
txt.onfocus = function(){
console.log('onfocus');
}
txt.onclick = function(){
console.log('onclick');
}

txt.onkeydown = function(){
console.log('onkeydown');
}
txt.onkeyup = function(){
console.log('onkeyup');
}
txt.onchange = function(){ //文本框失去鼠标焦点,并且内容改变时触发
console.log('onchange');
}
txt.oninput = function(){
console.log('oninput');
}

事件触发顺序：

mousedown

focus

mouseup

click

keydown

input（文本框内容改变，输入或者删除都会触发）

keyup

change(文本框失去鼠标焦点,并且内容改变时触发)

注：搜狗输入法，当输入汉字，拼音在文本框显示下划线状态，也会触发keydown，input，keyup事件。