鼠标事件大全
js鼠标事件大全-Javascript鼠标事件大全
onDragLeave IE5NO 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver IE5NO 当某被拖动的对象在另一对象容器范围内拖动时触发的事件
onDrag IE5NO 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop IEN4O 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd IE5NO 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onKeyUp IE4N4O 当键盘上某个按键被按放开时触发的事件[注意页面内必须有被聚焦的对象]
页面相关事件
事件 浏览器支持 描述
onAbort IE4N3O3 图片在下载时被用户中断
onBeforeUnload IE4NO3 当前页面的内容将要被改变时触发的事件
onMouseDown IE4N4O 鼠标上的按钮被按下了
onMouseUp IE4N4O 鼠标按下后，松开时激发的事件
onMouseOver IE3N2O 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove IE4N4O 鼠标移动时触发的事件
onHelp IE4NO 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange IE5NO 当对象的属性之一发生变化时触发的事件
onReadyStateChange IE4NO 当对象的初始化属性值发生变化时触发的事件
onContextMenu IE5NO 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的body中加入就可禁止使用鼠标右键了]
常用的事件梳理
常用的事件梳理1.PC端常用事件事件名作用click 当鼠标点击时触发mouseover 当鼠标指针移动到元素上时触发mouseout 当鼠标指针移出元素时触发mouseenter 当鼠标指针移动到元素上时触发（不支持冒泡）mouseleave 当鼠标指针移出元素上时触发（不支持冒泡）mousemove 当鼠标指针移动到元素上时触发mousedown 当元素上按下鼠标按钮时触发mouseup 当在元素上释放鼠标按钮时触发mousewheel 当鼠标滚轮正在被滚动时运行的脚本keydown 在用户按下按键时触发keyup 当用户释放按键时触发load 页面结束加载之后触发scroll 当元素滚动条被滚动时运行的脚本blur 元素失去焦点时运行的脚本focus 当元素获得焦点时运行的脚本change 在元素值被改变时运行的脚本2.移动端常用事件事件名作用click 当点击时触发（单击）load 页面结束加载之后触发scroll 当元素滚动条被滚动时运行的脚本blur 元素失去焦点时运行的脚本focus 当元素获得焦点时运行的脚本change 在元素值被改变时运行的脚本input 代替keyup、keydowntouch事件模型处理单手指操作gesture事件模型处理多手指操作3.touch事件事件名作用touchstart 手指按到屏幕上touchmove 手指在屏幕上滑动touchend 手指离开屏幕touchcancle 特殊情况下关闭/退出时触发4.gesture事件模型事件名作用gesturestart 当鼠标点击时触发gesturechange 当鼠标点击时触发gestureend 当鼠标点击时触发5.touch事件的属性：属性名作用type 事件类型target 事件源preventDefault（returnValue）阻止默认行为stopPropagation（cancleBubble）停止事件的传播touches[0].clientX 触碰位置的x值changedTouches 当前的值和离开的值6.click在移动端属于单击事件，不是点击事件，在移动端的项目中经常会区分单击做什么和双击做什么，所以移动端的浏览器在识别click的时候，只有确定是单击后才会把它执行。
鼠标事件大全
onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件 事件 浏览器支持 描述
onAbort IE4|N3|O 图片在下载时被用户中断
数据绑定 事件 浏览器支持 描述
onAfterPrint IE5|N|O 当文档被打印后触发的事件
onBeforePrint IE5|N|O 当文档即将打印时触发的事件
onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件
onHelp IE4|N|O 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件
编辑事件
事件 浏览器支持 描述
onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onDataAvailable IE4|N|O 当数据接收完成时触发事件
onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件
onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onDragStart IE4|N|O 当某对象将被拖动时触发的事件
第2章 键盘和鼠标事件
2.1
2.1.1 KeyPress事件 KeyPress事件
键盘事件
键盘事件：将窗体的KeyPreview属性设置为True KeyPreview属性设置为True。 键盘事件：将窗体的KeyPreview属性设置为True。 KeyPress事件中有一个参数 KeyPress事件中有一个参数e，是系统定义的 事件中有一个参数e System.Windows.Forms.KeyEventArgs类 System.Windows.Forms.KeyEventArgs类，它的 KeyChar属性返回用户所按键的字符 属性返回用户所按键的字符。 KeyChar属性返回用户所按键的字符。 1. 判断、处理用户按键 判断、
第 2 章
键盘和鼠标事件
本章讲述的主要内容
2.1 键盘事件 2.2 鼠标事件
第 2 章
1.键盘事件： 1.键盘事件： 键盘事件
键盘和鼠标事件
KeyPress：按下某ASCII字符键。 KeyPress：按下某ASCII字符键。 ASCII字符键 KeyDown：按下任意键。 KeyDown：按下任意键。 KeyUp：释放键盘上的任意键。 KeyUp：释放键盘上的任意键。
2.1
2.1.1 KeyPress事件 KeyPress事件
键盘事件
鼠标事件（大全）
⿏标事件（⼤全）
⼀般事件事件浏览器⽀持描述
onClick IE3|N2|O3 ⿏标点击事件，多⽤在某个对象控制的范围内的⿏标点击
onDblClick IE4|N4|O ⿏标双击事件
onMouseDown IE4|N4|O ⿏标上的按钮被按下了
onMouseUp IE4|N4|O ⿏标按下后，松开时激发的事件
onMouseOver IE3|N2|O3 当⿏标移动到某对象范围的上⽅时触发的事件
onMouseMove IE4|N4|O ⿏标移动时触发的事件
onMouseOut IE4|N3|O3 当⿏标离开某对象范围时触发的事件
onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页⾯内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页⾯内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页⾯内必须有被聚焦的对象]。
鼠标和键盘事件
第14页
5、标签数组的使用 Label[] lblArray; lblArray; lblArray = new Label[] { label1, label4, label5, label4 label5 label6 label7 label8 label6, label7, label8 }; 将所有label1的地方外层加循环 的地方外层加循环， label1改为 将所有label1的地方外层加循环，将label1改为 lblArray[i]
第9页
【打字游戏】 打字游戏】
要使窗体在可以获得焦点的控件之前截获键盘事件， 要使窗体在可以获得焦点的控件之前截获键盘事件， 应该将窗体的KeyPreview属性设为 属性设为true。 应该将窗体的 属性设为 。 （1）窗体的KeyPreview属性设为 ）窗体的 属性设为true 属性设为 （2）int score //表示得分 ） 表示得分
第11页
2、标签上文字的获取 假设范围为英文字母A 假设范围为英文字母A—Z。 Random aa=new Random(); label1.Text= ( (char) aa.Next(65,91)).ToString();
第12页
3、键盘事件 private void Form1_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyChar == char.Parse(label1.Text) || e.KeyChar == char.Parse(label1.Text.ToLower())) { score += 10; label3.Text = score.ToString(); label1.Text = ((char)aa.Next(65, 91)).ToString(); label1.Top = 20问题 1、鼠标的位置 、 2、哪个鼠标按键按动 、
常用鼠标事件
表 3 其他事件 事件 onfocus onblur onload onunLoad onselect onchange onerror onsubmit onreset onabort 意义 焦点到一个对象上 从一个对象失去焦点 载入网页文档 卸载网页文档 文本框中选择了文本内容 文字变化或列表选项变化 出错 提交表单 重置表单 中断显示图片
JavaScript 常用事件如下:
表 1 常用鼠标事件 事件 onmousedown onmousemove onmouseout onmouseover onmouseup onclick ondbclick 按下鼠标键 移动鼠标 鼠标离开某一个网页对象 鼠标移动到某一个网页对象 松开鼠标键 单击鼠标键 双击鼠标键 意义
HTML 鼠标事件
beforeprint 对象的关联文档打印或打印预览前在对象上触发。on
beforeunload 在页面将要被卸载前触发。on
beforeupdate 当成功更新数据源对象中的关联对象前在数据绑定对象上触发。on
blur 在对象失去输入焦点时触发。on
HTML 鼠标事件
on
abort 当用户中断下载图像时触发。
on
activate 当对象设置为活动元素时触发。on
afterprint 对象所关联的文档打印或打印预览后立即在对象上触发。on
afterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。on
beforeactivate 对象要被设置为当前元素前立即触发。on
dragend 当用户在拖曳操作结束后释放鼠标时在源对象上触发。on
dragenter 当用户拖曳对象到一个合法拖曳目标时在目标元素上触发。on
dragleave 当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发。on
dragover 当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发。on
controlselect 当用户将要对该对象制作一个控件选中区时触发。on
copy 当用户复制对象或选中区，将其添加到系统剪贴板上时在源元素上触发。on
cut 当对象或选中区从文档中删除并添加到系统剪贴板上时在源元素上触发。on
dataavailable 每当异步传输数据的数据源对象的数据到达时触发。on
dragstart 当用户开始拖曳文本选中区或选中对象时在源对象上触发。on
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
事件解说
一般事件
onclick 鼠标点击时触发此事件ondblclick 鼠标双击时触发此事件onmousedown 按下鼠标时触发此事件onmouseup 鼠标按下后松开鼠标时触发此事件onmouseover
当鼠标移动到某对象范围的上方时触发此事
件
onmousemove 鼠标移动时触发此事件onmouseout 当鼠标离开某对象范围时触发此事件onkeypress
当键盘上的某个键被按下并且释放时触发此
事件.
onkeydown 当键盘上某个按键被按下时触发此事件onkeyup 当键盘上某个按键被按放开时触发此事件
页面相关事件
onabort 图片在下载时被用户中断onbeforeunload 当前页面的内容将要被改变时触发此事件onerror 出现错误时触发此事件
onload 页面内容完成时触发此事件
onmove 浏览器的窗口被移动时触发此事件onresize 当浏览器的窗口大小被改变时触发此事件onscroll 浏览器的滚动条位置发生变化时触发此事件onstop
浏览器的停止按钮被按下时触发此事件或者
正在下载的文件被中断onunload 当前页面将被改变时触发此事件
表单相关事
onblur 当前元素失去焦点时触发此事件onchange
当前元素失去焦点并且元素的内容发生改变
而触发此事件
onfocus 当某个元素获得焦点时触发此事件onreset 当表单中RESET的属性被激发时触发此事件
件onsubmit 一个表单被递交时触发此事件
滚动字幕事件onbounce 在Marquee内的内容移动至Marquee显示
范围之外时触发此事件
onfinish 当Marquee元素完成需要显示的内容后触发
此事件
onstart
当Marquee元素开始显示内容时触发此事件
编辑事件
onbeforecopy 当页面当前的被选择内容将要复制到浏览者
系统的剪贴板前触发此事件onbeforecut 当页面中的一部分或者全部的内容将被移离
当前页面[剪贴]并移动到浏览者的系统剪贴板
时触发此事件onbeforeeditfoc
us
当前元素将要进入编辑状态onbeforepaste 内容将要从浏览者的系统剪贴板传送[粘贴]到
页面中时触发此事件onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目
标对象oncontextmenu 当浏览者按下鼠标右键出现菜单时或者通过
键盘的按键触发页面菜单时触发的事件oncopy 当页面当前的被选择内容被复制后触发此事
件
oncut 当页面当前的被选择内容被剪切时触发此事
件
ondrag 当某个对象被拖动时触发此事件[活动事件] ondragdrop 一个外部对象被鼠标拖进当前窗口或者帧ondragend 当鼠标拖动结束时触发此事件，即鼠标的按钮
被释放了
ondragenter 当对象被鼠标拖动的对象进入其容器范围内
时触发此事件ondragleave 当对象被鼠标拖动的对象离开其容器范围内
时触发此事件
ondragover 当某被拖动的对象在另一对象容器范围内拖
动时触发此事件ondragstart 当某对象将被拖动时触发此事件
ondrop 在一个拖动过程中，释放鼠标键时触发此事件onlosecapture 当元素失去鼠标移动所形成的选择焦点时触
发此事件onpaste 当内容被粘贴时触发此事件
onselect 当文本内容被选择时的事件onselectstart 当文本内容选择将开始发生时触发的事件
数据绑定
onafterupdate 当数据完成由数据源到对象的传送时触发此
事件
oncellchange 当数据来源发生变化时ondataavailable 当数据接收完成时触发事件ondatasetchang
ed
数据在数据源发生变化时触发的事件ondatasetcompl
ete
当来子数据源的全部有效数据读取完毕时触
发此事件onerrorupdate 当使用onBeforeUpdate事件触发取消了数
据传送时，代替onAfterUpdate事件onrowenter 当前数据源的数据发生变化并且有新的有效
数据时触发的事件onrowexit 当前数据源的数据将要发生变化时触发的事
件
onrowsdelete 当前数据记录将被删除时触发此事件onrowsinserted 当前数据源将要插入新数据记录时触发此事
件
外部事件
onafterprint 当文档被打印后触发此事件onbeforeprint 当文档即将打印时触发此事件onfilterchange 当某个对象的滤镜效果发生变化时触发的事
件
onhelp 当浏览者按下F1或者浏览器的帮助选择时触
发此事件onpropertychan
ge
当对象的属性之一发生变化时触发此事件onreadystatecha
nge
当对象的初始化属性值发生变化时触发此事
件。