列表总览
事件 | 事件处理程序 | 事件触发 |
---|---|---|
Click | onclick | 浏览者单击某个元素时 |
Blur | onblur | 当浏览器让某个元素失去焦点时 |
Focus | onfocus | 当某个元素获得焦点时 |
Load | onload | Web页面加载完毕 |
Unload | onunload | 浏览者离开窗口时 |
Reset | onreset | 浏览者重置页面内某个表单时 |
Submit | onsubmit | 浏览者提交页面内某个表单时 |
Mousedown | onmousedown | 浏览者单击鼠标按钮,未松开之时 |
Mouseenter | onmouseenter | 浏览者将鼠标移到某个元素上,排除子元素(事件叠加) |
Mouseleave | onmouseleave | 浏览者将鼠标从某个元素移走,排除子元素(事件叠加) |
Mousemove | onmousemove | 浏览者移动鼠标 |
Mouseout | onmouseout | 浏览者将鼠标从某个元素移走 |
Mouseover | onmouseover | 浏览者在某个元素上移到鼠标 |
Mouseup | onmouseup | 浏览者松开鼠标 |
Mousewheel | onmousewheel | 浏览者滚动鼠标滑轮 |
Keydown | onkeydown | 键盘上某个键被按下时 |
Keypress | onkeypress | 介于keydown与keyup之间 |
Keyup | onkeyup | 键盘上某键被松开时 |
单击事件
<input type="button" value="提交" onclick="function()">
-
<a href="****" onclick="function()">
- 该function内务必加
return false
使之覆盖标签原来的意义
- 该function内务必加
获得焦点和失去焦点事件
<input type="text" onfocus="alert('***')">
<input type='text' obblur="alert('***')">
获得焦点事件是指当浏览者使某个元素或窗口保持激活时,将触发获得焦点事件,通常使用鼠标或TAB键操作
失去焦点事件指某个元素或窗口失去焦点时出发,值得注意的是,只有当第二个窗体或元素获得焦点时,浏览器才认为第一个窗体失去了焦点,从而触发事件
加载和卸载事件
<body onload="alert('进入')" onunload="alert('离开页面')">
有bug,日后再改
重置和提交事件
- 当文档中包含一个表单或多个表单时,将用到重置与提交事件