JavaWeb课程系列

3.3事件的分类

1)系统事件:如:文档加载完成。 

2)用户事件:如:鼠标移入移出,单击双击等。

3.4事件触发:

系统事件会由系统触发,如window.onload事件,用户事件由用户行为触发如click事件。主要讲解的系统事件是window.onload,用户事件主要在操作html文档的时候触发。详细事件列表可参考w3c离线文档中的JavaScriptàdom事件

3.5常见的事件

onblur

元素失去焦点。

onchange

域的内容被改变。

onclick

当用户点击某个对象时调用的事件句柄。

onfocus

元素获得焦点。

onkeydown

某个键盘按键被按下。

onload

一张页面或一幅图像完成加载

3.6事件响应

1)我们希望某个事件发生的时候我们可以做一些事情。这个称为事件的响应,比如用户点击了一个按钮,我弹出一个框告诉用户,你成功的点击了这个按钮。

2) 事件触发后我们要执行的方法称为响应函数。如何将响应函数与事件关联起来。我们常使用为事件赋值函数的方法。如window.onload事件触发时我们执行弹出对话框

window.onload = function(){

alert(“文档加载完成了!”)

}

我们也可以使用标签的事件属性来触发响应函数,如:

<a href=”atguigu.com” onclick=”gotoguigu()”>尚硅谷</a>

//onclick会触发gotoguigu()函数

我们在<script></script>中定义这个函数

<script type=”text/javascript”>

function gotoguigu(){

alert(“我要去上硅谷”)

}

</script>

3.7取消事件的默认行为

1)默认行为:某些事件触发后,系统会有默认的响应处理。如:

超链接点击后会自动跳转、表单提交点击后会发送请求

2)取消默认行为的方式:

return false;即可