JavaWeb课程系列
3.3事件的分类:
1)系统事件:如:文档加载完成。
2)用户事件:如:鼠标移入移出,单击双击等。
3.4事件触发:
系统事件会由系统触发,如window.onload事件,用户事件由用户行为触发如click事件。主要讲解的系统事件是window.onload,用户事件主要在操作html文档的时候触发。详细事件列表可参考w3c离线文档中的JavaScriptàdom事件
3.5常见的事件
元素失去焦点。 |
|
域的内容被改变。 |
|
当用户点击某个对象时调用的事件句柄。 |
|
元素获得焦点。 |
|
某个键盘按键被按下。 |
|
一张页面或一幅图像完成加载 |
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;即可