版权声明：转载请注明出处 https://blog.csdn.net/SOALIN228/article/details/84197482
一丶鼠标事件
| 事件名称 | 定义和用法 | 语法 | 注释 |
|---|---|---|---|
| onclick | 在对象被点击时发生 | onclick=“js代码” | |
| onmouseover | 在鼠标移动到对象时发生 | onmouseover=“js代码” | |
| onmouseout | 在鼠标移出对象时发生 | onmouseout=“js代码” | |
| onmouseup | 在鼠标按键被松开时发生 | onmouseup=“js代码” | |
| onmousemove | 鼠标在对象上移动时发生 | onmousemove=“js代码” | |
| onmousedown | 在鼠标按键被按下时发生 | onmousedown=“js代码” | |
| onload | 在页面元素加载完成后立即发生 | onload=“js代码” | |
| onblur | 在对象失去焦点时发生 | onblur=“js代码” | 主要用于表单中 |
| onfocus | 在对象获得焦点时发生 | onfocus=“js代码” | 主要用于表单中 |
| onchange | 在域的内容改变时发生 | onchange=“js代码” | 主要用在<select>标签 |
| onsubmit | 在表单中的确定按钮被点击时触发 | onsubmit=“js代码” | 主要用在<form>标签 |
| onresize | 在窗口大小被调整时发生 | onresize=“js代码” | 主要用在window上 |
| onscroll | 在滚动条被拖动时触发 | onscroll=“js代码” |
二丶键盘事件
| 事件名称 | 定义和用法 | 语法 | 注释 |
|---|---|---|---|
| onkeydown | 事件会在用户按下一个键盘按键时发生 | onkeydown=“js代码” | |
| onkeypress | 事件会在键盘按键被按下并释放一个键 时发生 |
onkeypress=“js代码” | |
| onkeyup | 事件会在键盘按键被松开时发生 | onkeyup=“js代码” | |
| keyCode | 获得按下的键盘按键的字符代码 | event.keyCode | 返回键盘事件触发的 键的字符代码，配合 键盘事件使用 |
三丶事件的执行脚本
- ele.onclick = function () { 执行脚本 }；
- ele.onclick = fn；
function fn () { 执行脚本 }；