JavaScript常用事件

window.onload = function () {
var input = document.getElementsByTagName('input')[0];
var form = document.getElementsByTagName('form')[0];
form.onreset= function(){
alert('lee')
};

};

:1：鼠标事件：

单击：
input.onclick = function(){
alert('lee');
};

双击：
input.ondblclick = function(){
alert('lee');
};

用户按下鼠标还未弹起时触发：
input.onmousedown = function(){
alert('lee');
};

用户按下鼠标松开后时触发：
input.onmouseup = function(){
alert('lee');
};

鼠标移动到元素时触发：
input.onmouseover = function(){
alert('lee');
};

当鼠标移出某元素时触发：
input.onmouseout = function(){
alert('lee');
};
当鼠标在元素上移动时触发：
input.onmousemove = function(){
alert('lee');
};

2：键盘事件

当用户按下键盘上的任意键时触发，如果按住不放会重复触发：
onkeydown = function () {
alert('lee');
};

当用户按下键盘上的字符键时触发：
onkeypress = function () {
alert('lee');
};

当用户按下键盘上的任意键松开时触发：
onkeyup = function () {
alert('lee');
};

html事件：

html页面加载完后执行：
window.onload = function(){
};

当整个页面卸载的时候执行：
window.unonload = function(){
};

当选择文档中的一个或多个字，松开时触发：
input.onselect = function(){
alert('lee')
};

当光标失去焦点时触发：
input.onchange = function(){
alert('lee')
};

当页面或元素获得焦点时在window及相关元素上触发：
input.onfocus = function(){
alert('lee')
};

当页面或元素失去焦点时在window及相关元素上触发：
input.onblur= function(){
alert('lee')
};

3：form上触发：

提交按钮：
var form = document.getElementsByTagName('form')[0];
form.onsubmit= function(){
alert('lee')
};

重置按钮：
var form = document.getElementsByTagName('form')[0];
form.onreset= function(){
alert('lee')
};

当窗口或框架大小发生变化时在window或框架上触发：
window.onresize = function(){
alert('lee');
};

当用户滚动带滚动条的元素时触发：
window.onscroll = function(){
alert('lee');
};
: