大工20春《javascript基础教程与应用》辅导资料九

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