JavaScript--函数与事件

JavaScript--函数

js的函数是js非常重要的组成部分，js最常用的函数的定义方式有两种：

• 普通函数：

//定义函数
function 函数名(参数列表){
	js逻辑代码
    //return 返回值，若不需要返回值可以省略return
}

//函数调用：函数名(实际参数);

例如：求和的函数

//定义函数：
function add(a,b){
	alert(a+b);
}
//执行函数：add(3,5);
//执行结果：8

• 匿名函数：
• //定义匿名函数也就是没有名字的函数 function(参数列表){ js逻辑代码 }

匿名函数没有办法直接调用，一般情况下匿名函数有两种使用场景：

第一种：将匿名函数赋值给一个变量，使用变量调用函数

//定义函数并赋值给变量：
var fn = function(参数列表){
    js逻辑代码
}
//调用函数：fn(实际参数);

第二种：匿名函数直接作为某个函数实际参数

function xxx(数字类型参数，字符串类型的参数，函数类型的参数){
	//js逻辑代码
}
//调用该函数：
xxx(100,”abc”,function(){});

事件

js的事件是js不可或缺的组成部分，要学习js的事件，必须要理解如下几个概念：

1. 事件源：被监听的html元素
2. 事件：某类动作，例如点击事件，移入移除事件，敲击键盘事件等
3. 事件与事件源的绑定：在事件源上注册上某事件
4. 事件触发后的响应行为：事件触发后需要执行的代码，一般使用函数进行封装

常用的事件

|事件名

描述

onload

某个页面或图像被完成加载

onsubmit

当表单提交时触发该事件—注意事件源是表单form

onclick

鼠标点击某个对象

ondblclick

鼠标双击某个对象

onblur

元素失去焦点

onfocus

元素获得焦点

onchange

用户改变域的内容

onkeydown

某个键盘的键被按下

onkeypress

某个键盘的键被按下或按住

onkeyup

某个键盘的键被松开

onmousedown

某个鼠标按键被按下

onmouseup

某个鼠标按键被松开

onmouseover

鼠标被移到某元素之上

onmouseout

鼠标从某元素移开

onmousemove

鼠标被移动