JavaScript系列(五:事件)

引言:

             面向对象编程语言采用事件驱动机制来进行数据和显示交互,JavaScript既然也适用于面向对象,那么事件也是必不可少。

概述:

             俩大概念:一,JavaScript的事件指浏览器响应用户交互操作的一种机制;二,JavaScript事件处理程序是事件与数据操作以及界面三种交互的具体实现。

内容:

              这部分,主要总结一些常用的事件:

               1  键盘事件

                    键盘的三大常用事件KeyDown、KeyPress和KeyUp,具体对比看下图:

                   

                     学习CS的过程中,window窗体总也学过,但是缺没有对比过,于是在这里反复回顾一下,相信大家怎么用都懂,就不予以赘述。

               2  鼠标事件

                      鼠标的事件主要包括:单击Click、按下MouseDown、放开MouseUp、移动MouseMove、移入MouseOver和移出MouseOut。

                      MouseDown和MouseUp主要用于页面的button按钮;

                      Click主要用于button、checkbox、link、radio、reset、submit等控件;

                      其余使用事件可以响应几乎所有的控件。

               3  界面Load与Unload事件

                       load事件:浏览器加载时执行,该事件处理程序可以在其他所有的网页代码和JavaScript程序之前执行,用来完成初始化操作;

                       Unload:浏览器卸载时执行。具体总结为以下四种情况下,Unload 事件会被触发:(1)用户在浏览器地址栏中输入一个新的URL;(2)使用浏览器工具栏中的导航按钮进行界面跳转;(3)在页面中通过超链接在浏览器中载入一个新页面;(4)浏览器关闭                     

               4  Focus与Blur事件

                       控件获得焦点相应Focus事件,失去焦点响应Blur事件。可以通过单击或者Tab键以及JavaScript代码来让一个控件获得焦点。

               5  Submit与Reset事件

                       Submit事件在<form>标签中声明,通常在表单会有一个submit按钮,当我们完成信息输入,准备将信息提交到服务器时才会触发该事件,  例如:<form name="fm" method="post" enctype="text/plain" onSubmit="return function()"> </form>。

                       Reset事件也在<form>标签中声明,清楚表单中所有控件的数据,例如<form name="fm onReset="return confirm('确认清空吗?')" >   </form>。

               6  Change与Select事件

                       Change事件:当控件中的鼠标指针离开改对象或者控件中的内容发生变化时触发。

                       Select事件:当文本框、文本区域等控件中的文本被选中时将会触发Select事件。

               7  Error事件

                        当页面因为某种原因而出现错误时,将触发Error事件,在Error事件处理程序中指定对错误的处理操作,该事件处理程序常绑定到<body>、<frameset>、<img>等标签。

总结:

             JavaScript中存在好多的事件,不过我们先要掌握常用和基础的事件,这是入门基础,我们不能止步于此。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值