JavaScript中的load事件的作用_javascript中的event对象事件的基本运用

  • Post author:
  • Post category:java


今儿这个分享呢,道哥要给大家分享一下javascript中的重中之重的知识点,那就是随处可见的事件 ,我们之前呢有分享过函数,函数呢是要靠事件去驱动才能执行的。今儿就讲讲什么是事件以及怎么去驱动函数

首先呢js中的常用的一般事件呢分为以下几大类


一、页面事件

1)onload 载入页面事件(一个页面或一幅图像完成加载)

2)onunload 卸载页面事件(用户退出页面)


二、鼠标事件

1)onclick 鼠标单击事件

2)ondblclick 鼠标双击事件

3)onmousemove 鼠标移动事件

4)onmousedown 鼠标按下事件

5)onmouseup 鼠标抬起事件

6)onmouseover 鼠标移入事件

7)onmouseout 鼠标移出事件


三、键盘事件

1)onkeydown 键按下事件

2)onkeyup 键抬起事件

3)onkeypress 按键按下并且松开


四、表单事件

1)onsubmit 表单提交事件


五、其他事件

1)onfocus 获得焦点事件

2)onblur 失去焦点事件

2)onchange 内容改变事件


本章小分享中呢主要给大家分享一下事件的分类,然后挑两个事件来讲解一下怎么运用 在后续的章节中呢会分类的详细给大家分享下每一个分类的实际用法


这里我们就以单击事件onclick和双击事件ondblclick

已知有如下js代码

 


有如下html代码


 



f201a7df2ec87d49ee8cfe2a6dc7f714.png



e3c7fa69be11fd88f39f40752b75f580.png



以上案例就很简单明了的解释了什么是事件驱动的函数 函数本身不会执行 需要事件去驱动它 而事件也离不开函数的配合 可以说二者是相辅相成的。