大工20春《javascript基础教程与应用》辅导资料九
发布时间:2023-12-27 09:12:40浏览次数:23 基础教程与应用辅导资料九内 容:我们这周主要学习课件第五章 事件的相关内容,希望通过下面的内容能使同学们加深对本章相关知识点的理解。知识脉络:、 鼠标事件 、 鼠标事件应用 、 键盘事件、 键盘事件应用重点与难点:、重点: 鼠标事件应用。、难点: 鼠标事件应用。一、 事件事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行事件句柄的新特性之一是有能力使 事件触发浏览器中的动作(),比如当用户点击某个元素时启动一段 。下面是一个属性列表,这些属性可插入 标签来定义事件动作。属性 当以下情况发生时,出现此事件 图像加载被中断 元素失去焦点 用户改变域的内容 鼠标点击某个对象 鼠标双击某个对象
当加载文档或图像时发生某个错误 ! 元素获得焦点"# 某个键盘的键被按下"!! 某个键盘的键被按下或按住"某个键盘的键被松开 某个页面或图像被完成加载$!# 某个鼠标按键被按下$!$ 鼠标被移动$!鼠标从某元素移开$! 鼠标被移到某元素之上$! 某个鼠标按键被松开! 重置按钮被点击!% 窗口或框架被调整尺寸!文本被选定!$ 提交按钮被点击 用户退出页面二、 鼠标事件&! 的鼠标事件是个比较庞大的家族。常见的有以下 ' 个:( $!#:鼠标的键钮被按下。( $!:鼠标的键钮被释放弹起。( :单击鼠标的键钮。( :鼠标的键钮被按下。( )$:弹出右键菜单。( $!:鼠标移到目标的上方。
( $!:鼠标移出目标的上方。( $!$:鼠标在目标的上方移动。$!# 事件与 $! 事件可以说 事件在时间上的细分,顺序是 $!#*+$!*+。因此一个点击事件,通常会激发几个鼠标事件。有了它们,我们可以做许多事,但对于高层次的应用(如游戏)是显然不够的,于是鼠标事件的点击事件又根据究竟是点左键还是右键进行细分。在 ,- 中,./ 对鼠标事件作了现范,鼠标事件被解析为 !0(我们可以用 !**!0 来判断其是否为鼠标事件,是左键点击还是右键点击由它的一个叫 1 的属性判定。以下就是 ./ 的标准现范:( :按下左键( :按下中键( :按下右键当然微软是不会妥协的,因为 1 本来就是微软最先实现的,网景用的是 #,但相对而言,微软的复杂多了。( :没有键被按下( :按下左键( :按下右键( :左键与右键同时被按下( :按下中键( 2:左键与中键同时被按下( 3:中键与右键同时被按下( 4:三个键同时被按下例子鼠标的哪个按键被点击5$+5+5!"*6)7&!6+
#819:; 91**:;96你点击了鼠标右键<6:=!;96你点击了鼠标左键<6:==57!+57+5"$!#*6#819:6+5+请单击你鼠标的左键或右键试试57+57"+57$+当前鼠标的光标坐标是多少5$+5+5!"*6)7&!6+ !#>!9:;)*?"*@96?坐标: 6A)A6B@坐标: 6A":=57!+57+5"$!#*6!#>!9:6+5+在此文档中按下你鼠标的左键看看!57+57"+57$+三、 键盘事件例子 !C 键是否按下5$+5+5!"*6)7&!6+ !D"E!!9:
; 9!CD"**:;96! 键按下了<6:=!;96! 键没有按下<6:==57!+57+5"$!#*6!D"E!!9:6+5+按下 ! 键,点击你鼠标的左键57+57"+57$+四、本节例题(一)单选题、下列哪个事件属于 键盘事件。( )F.8. !/.$!$,."#答案:,、下列哪个事件代表元素失去焦点。( )F.8./. !,.答案:8