JavaScript中常见的事件

目录

0.码仙励志

1.onclick()  鼠标左键单击事件

2.onmouseover  鼠标进入事件

3.onmouseout  鼠标离开事件

4.onfocus  获取焦点事件

5.onblur  失去焦点事件

6.onmousemove  鼠标移动事件

7.onscroll  滚动条滚动事件

8. onkeydown / onkeyup  键盘按下/抬起事件

1.keyCode  获取按下的是哪个按键 

9. onmousedown / onmouseup  鼠标按下/抬起事件

---

 

0.码仙励志

每天告诉自己一次：我真的很不错，而且长得很帅

1.onclick()  鼠标左键单击事件

案例：点击按钮弹框

 

2.onmouseover  鼠标进入事件

3.onmouseout  鼠标离开事件

案例：鼠标进入红色，离开蓝色（放上去就可以，不用点击）

4.onfocus  获取焦点事件

5.onblur  失去焦点事件

案例：文本框

6.onmousemove  鼠标移动事件

鼠标移动的时候就会触发

案例：div 跟着鼠标移动

7.onscroll  滚动条滚动事件

当拖动滚动条的时候就会触发

    
    
    



    码仙码仙码仙码仙码仙码仙码仙码仙码仙码仙码仙码仙码仙码仙码仙

 

8. onkeydown / onkeyup  键盘按下/抬起事件

当键盘按下或者抬起任意按键的时候触发

1.keyCode  获取按下的是哪个按键 

9. onmousedown / onmouseup  鼠标按下/抬起事件

当鼠标左键或右键按下或者抬起的时候触发

按下或抬起滚动轮也会触发，滑动滚动轮不能触发

如果鼠标比较高级，有其他按键的情况下，按下或抬起也会触发

本篇博客来自于传智播客视频教程的总结以及笔记的整理，仅供学习交流，切勿用于商业用途，如有侵权，请联系博主删除，博主QQ：194760901