javascript常用事件

JS事件绑定方法

1、在DOM元素中绑定

<button onclick="alert('hello')"></button>

2、对象属性方式

DomObject.onclick = function () {};

3、addEventListener

//添加事件
DomObject.addEventListener('click', function(){});/*注意事件名不带on*/
//移除事件
DomObject.removeEventListener("mousedown", mouse, false);

1. 鼠标事件

   onclick事件，点击事件（单击）
   ondbclick事件，双击事件
   onmousedown事件，鼠标按下事件（按下未抬起时触发）
   onmouseup事件，鼠标抬起事件（按下后抬起时触发）
   onmousemove事件，鼠标移动事件（鼠标指针移动时触发）
   onmouseover事件，鼠标悬停事件（指针移动到元素上触发，支持冒泡）
   onmouseout事件，鼠标移出事件（当鼠标从目标元素上离开时触发，离开任何子元素同样会触发）
   onmouseenter事件，鼠标进入事件（指针移动到元素上时触发，不支持冒泡）
   onmouseleave事件，鼠标离开事件（鼠标从元素上离开的瞬间触发）
   onmousewheel事件，鼠标滚轮事件（FireFox不支持，使用DOMMouseScroll，只能用addEventListener来添加该事件）

2. 键盘事件

   onkeydown事件，键盘按下事件（如果键盘一直按下，事件会一直触发）
   onkeyup事件，键盘抬起事件
   onkeypress事件，键盘按下事件（只在数字和字母键按下时触发，不包括上下左右，ctrl，shift，alt）

3. windows事件

   onload事件，文档加载完触发
   onunload事件，网页被关闭时触发
   onselect事件，被选中时触发
   onchange事件，内容改变时触发
   window.onresize事件，窗口尺寸发生变化时触发
   window.onscroll事件，滚动条移动时触发

4. 表单元素事件

   onsubmit事件，当表单被提交时触发
   onreset事件，表单被重置时触发
   onfocus事件，获取焦点时触发（tab键也会触发该事件）
   onblur事件，失去焦点时触发