Javascript基本事件
2017-05-31 本文已影响18人
秋枫残红
列表总览
| 事件 | 事件处理程序 | 事件触发 |
|---|---|---|
| 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,日后再改
重置和提交事件
- 当文档中包含一个表单或多个表单时,将用到重置与提交事件