JavaScript中click和keypress事件绑定的顺序

1. click事件的覆盖

当在同一个元素上绑定两个click事件时，后一个会覆盖前一个。

例如：

div.οnclick=function(){
    console.log('click1');
};
div.οnclick=function(){
    console.log('click2');
}

此时，单击div，输出click2.

2. click事件的分解

click=mousedown+focus+mouseup;

例如：

<input type='text' id='input'>

var input=document.getElementById('input');
input.οnclick=function(){
    console.log('click');
}
input.οnmοusedοwn=function(){
    console.log('mousedown');
}
input.οnfοcus=function(){
    console.log('focus');
}
input.οnmοuseup=function(){
    console.log('mouseup');
}

此时，单击input标签，将依次输出mousedown, focus, mouseup, click。

3. keypress事件分解

input.οnkeypress=function(){
    console.log('keypress');
}
input.οnkeydοwn=function(){
    console.log('keydown');
}
input.οnkeyup=function(){
    console.log('keyup');
}

此时，按下key键，依次输出keydown, keypress, keyup。