从网上摘抄的同JS事件相关的整理与归纳
javascript 触发事件列表
?
?
?2.改变事件___onchange当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;<textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的内容")>
?
3.选中事件____onselect当text或textarea对象中的文字被选中里会引发该事件
如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")>
?
4.获得焦点事件____onfocus用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name="zhengjian" onfocus="alert("我成为焦点")>
?
5.失去焦点事件______onblur失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.
?
6.载入文件事件____onload当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert("正在加载页面,请等待...")>
?
7.卸载文件事件____onunload与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload="confirm("你确定要离开本页?")>
?
8.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">
?
9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
?
10.一般事件
如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")>
?
4.获得焦点事件____onfocus用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name="zhengjian" onfocus="alert("我成为焦点")>
?
5.失去焦点事件______onblur失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.
?
6.载入文件事件____onload当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert("正在加载页面,请等待...")>
?
7.卸载文件事件____onunload与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload="confirm("你确定要离开本页?")>
?
8.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">
?
9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
?
10.一般事件
?
6.载入文件事件____onload当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert("正在加载页面,请等待...")>
?
7.卸载文件事件____onunload与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload="confirm("你确定要离开本页?")>
?
8.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">
?
9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
?
10.一般事件
如:<body onunload="confirm("你确定要离开本页?")>
?
8.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">
?
9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
?
10.一般事件
?
10.一般事件
onclick???????????? ?? 鼠标点击时触发此事件
ondblclick?????????? 鼠标双击时触发此事件
onmousedown??? 按下鼠标时触发此事件
onmouseup??????? 鼠标按下后,松开鼠标时触发的事件
onmouseover???? 当鼠标移动到某对象范围的上方时触发此事件
onmousemove??? 鼠标移动时触发此事件.
onmouseout?????? 当鼠标离开某对象范围时触发此事件
onkeypress??? ??? 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown????? ? 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup??????????? 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象
?
?
11.页面相关事件onabort?? 图片在下载时被用户中断
onbeforeunload?? 当前页面的内容将要被改变时触发的事件
onerror??????? 捕捉当前页面因为某种原因而出现的错误,如脚本错误.
onmove?????? 浏览器的窗口被移动里触发的事件
onresize???? 当浏览器的大小被改变时触发的事件
onscroll???????? 浏览器的滚动条位置发生变化时触发的事件
onstop????????? 浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件.
?
12. 表单相关事件onreset????? 当表单中reset属性被激活时触发的事件.
onsubmit? 一个表单被递交时触发的事件.
?
13.滚动字幕事件onbounce??? 当marquee内的内容移动至marquee显示范围之外时触发的事件.
onfinish????? 当marquee元素完成需要显示的内容后触发的事件.
onstart??????? 当marquee元素开始显示内容时触发的事件.
?
14.编辑事件.onbeforecopy??? 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.
onbeforeupdate? 当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenu?? 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.
??????????????????????????????? <body oncontentmenu="return false">禁止使用鼠标右键
oncopy????????????? 当页面当前被选择内容被复制后触发的事件
oncut????????????????? 当页面当前被选择内容被剪切时触发的事件
onpaste?????????????? 当内容被粘贴时触发的事件
ondrag??????????????? 当某个对象被拖动时触发的事件
ondragend????????? 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.
?
15.数据绑定onafterupdate??? 当数据完成由数据源到对象的传送时触发的事件
oncellchange????? 当数据来源发生变化时触发的事件
ondataavailable? 当数据接收完成时触发的事件
ondatasetchanged?? 数据在数据源发生变化时触发的事件.
ondatasetcomplete?? 当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate????????? 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter?????????????? 当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit???????????????? 当前数据源的数据将要发生变化时触发的事件
onrowsdelete??????????? 当前数据记录将被删除时触发的事件
onrowsinserted???????? 当前数据源将要插入新数据记录时触发的事件
?
16.外部事件onafterprint????? 当文档被打印后触发的事件
onbeforeprint?? 当文档即将打印时触发的事件
onhelp????????????? 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件
onsubmit? 一个表单被递交时触发的事件.
?
13.滚动字幕事件onbounce??? 当marquee内的内容移动至marquee显示范围之外时触发的事件.
onfinish????? 当marquee元素完成需要显示的内容后触发的事件.
onstart??????? 当marquee元素开始显示内容时触发的事件.
?
14.编辑事件.onbeforecopy??? 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.
onbeforeupdate? 当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenu?? 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.
??????????????????????????????? <body oncontentmenu="return false">禁止使用鼠标右键
oncopy????????????? 当页面当前被选择内容被复制后触发的事件
oncut????????????????? 当页面当前被选择内容被剪切时触发的事件
onpaste?????????????? 当内容被粘贴时触发的事件
ondrag??????????????? 当某个对象被拖动时触发的事件
ondragend????????? 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.
?
15.数据绑定onafterupdate??? 当数据完成由数据源到对象的传送时触发的事件
oncellchange????? 当数据来源发生变化时触发的事件
ondataavailable? 当数据接收完成时触发的事件
ondatasetchanged?? 数据在数据源发生变化时触发的事件.
ondatasetcomplete?? 当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate????????? 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter?????????????? 当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit???????????????? 当前数据源的数据将要发生变化时触发的事件
onrowsdelete??????????? 当前数据记录将被删除时触发的事件
onrowsinserted???????? 当前数据源将要插入新数据记录时触发的事件
?
16.外部事件onafterprint????? 当文档被打印后触发的事件
onbeforeprint?? 当文档即将打印时触发的事件
onhelp????????????? 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件
onbeforeupdate? 当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenu?? 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.
??????????????????????????????? <body oncontentmenu="return false">禁止使用鼠标右键
oncopy????????????? 当页面当前被选择内容被复制后触发的事件
oncut????????????????? 当页面当前被选择内容被剪切时触发的事件
onpaste?????????????? 当内容被粘贴时触发的事件
ondrag??????????????? 当某个对象被拖动时触发的事件
ondragend????????? 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.
?
15.数据绑定onafterupdate??? 当数据完成由数据源到对象的传送时触发的事件
oncellchange????? 当数据来源发生变化时触发的事件
ondataavailable? 当数据接收完成时触发的事件
ondatasetchanged?? 数据在数据源发生变化时触发的事件.
ondatasetcomplete?? 当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate????????? 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter?????????????? 当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit???????????????? 当前数据源的数据将要发生变化时触发的事件
onrowsdelete??????????? 当前数据记录将被删除时触发的事件
onrowsinserted???????? 当前数据源将要插入新数据记录时触发的事件
?
16.外部事件onafterprint????? 当文档被打印后触发的事件
onbeforeprint?? 当文档即将打印时触发的事件
onhelp????????????? 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件
onbeforeprint?? 当文档即将打印时触发的事件
onhelp????????????? 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件
?
浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件onmouseoverIE3、N2当鼠标移动到某对象范围的上方时触发此事件onmousemoveIE4、N4鼠标移动时触发此事件onmouseoutIE4、N3当鼠标离开某对象范围时触发此事件onkeypressIE4、N4当键盘上的某个键被按下并且释放时触发此事件.onkeydownIE4、N4当键盘上某个按键被按下时触发此事件onkeyupIE4、N4当键盘上某个按键被按放开时触发此事件页面相关事件onabortIE4、N3图片在下载时被用户中断onbeforeunloadIE4、N当前页面的内容将要被改变时触发此事件onerrorIE4、N3出现错误时触发此事件onloadIE3、N2页面内容完成时触发此事件onmoveIE、N4浏览器的窗口被移动时触发此事件onresizeIE4、N4当浏览器的窗口大小被改变时触发此事件onscrollIE4、N浏览器的滚动条位置发生变化时触发此事件onstopIE5、N浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断onunloadIE3、N2当前页面将被改变时触发此事件表单相关事件onblurIE3、N2当前元素失去焦点时触发此事件onchangeIE3、N2当前元素失去焦点并且元素的内容发生改变而触发此事件onfocusIE3 、N2当某个元素获得焦点时触发此事件onresetIE4 、N3当表单中RESET的属性被激发时触发此事件onsubmitIE3 、N2一个表单被递交时触发此事件滚动字幕事件onbounceIE4、N在Marquee内的内容移动至Marquee显示范围之外时触发此事件onfinishIE4、N当Marquee元素完成需要显示的内容后触发此事件onstartIE4、 N当Marquee元素开始显示内容时触发此事件编辑事件onbeforecopyIE5、N当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件onbeforecutIE5、 N当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件onbeforeeditfocusIE5、N当前元素将要进入编辑状态onbeforepasteIE5、 N内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件onbeforeupdateIE5、 N当浏览者粘贴系统剪贴板中的内容时通知目标对象oncontextmenuIE5、N当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件oncopyIE5、N当页面当前的被选择内容被复制后触发此事件oncutIE5、N当页面当前的被选择内容被剪切时触发此事件ondragIE5、N当某个对象被拖动时触发此事件 [活动事件]ondragdropIE、N4一个外部对象被鼠标拖进当前窗口或者帧ondragendIE5、N当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了ondragenterIE5、N当对象被鼠标拖动的对象进入其容器范围内时触发此事件ondragleaveIE5、N当对象被鼠标拖动的对象离开其容器范围内时触发此事件ondragoverIE5、N当某被拖动的对象在另一对象容器范围内拖动时触发此事件ondragstartIE4、N当某对象将被拖动时触发此事件ondropIE5、N在一个拖动过程中，释放鼠标键时触发此事件onlosecaptureIE5、N当元素失去鼠标移动所形成的选择焦点时触发此事件onpasteIE5、N当内容被粘贴时触发此事件onselectIE4、N当文本内容被选择时的事件onselectstartIE4、N当文本内容选择将开始发生时触发的事件数据绑定onafterupdateIE4、N当数据完成由数据源到对象的传送时触发此事件oncellchangeIE5、N当数据来源发生变化时ondataavailableIE4、N当数据接收完成时触发事件ondatasetchangedIE4、N数据在数据源发生变化时触发的事件ondatasetcompleteIE4、N当来子数据源的全部有效数据读取完毕时触发此事件onerrorupdateIE4、N当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件onrowenterIE5、N当前数据源的数据发生变化并且有新的有效数据时触发的事件onrowexitIE5、N当前数据源的数据将要发生变化时触发的事件onrowsdeleteIE5、N当前数据记录将被删除时触发此事件onrowsinsertedIE5、N当前数据源将要插入新数据记录时触发此事件外部事件onafterprintIE5、N当文档被打印后触发此事件onbeforeprintIE5、N当文档即将打印时触发此事件onfilterchangeIE4、N当某个对象的滤镜效果发生变化时触发的事件onhelpIE4、N当浏览者按下F1或者浏览器的帮助选择时触发此事件onpropertychangeIE5、N当对象的属性之一发生变化时触发此事件onreadystatechangeIE4、N当对象的初始化属性值发生变化时触发此事件
?
?
javascript可以使用的事件
Javascript是一种与HTMLHTML一起工作的客户端脚本语言，然而这不是一个Javsscript指南，我们着眼于在HTML如何使用Javascript。
Javascript事件像HTML标签的属性一样使用。事件是发生在HTML元素上的某些行为，如什么时候被点击了或者什么时候失去焦点。?
<a href="#top" onclick="alert ('wow. Javascript.')">Click me</a>
可以使用的事件有：?
onblur（使用在表单元素中，当元素失去焦点的时候执行）
onchange（使用在表单元素中，当某些东西改变是执行）
onclick（鼠标点击一个元素时执行）
ondblclick（鼠标双击一个元素时执行）
onfocus（使用在表单元素中，当元素获得焦点时执行）
onkeydown （按下某个按键时执行）
onkeypress（按下和释放某个按键时执行）
onkeyup（释放某个按键时执行）
onload（在body标签中使用，载入页面的时候执行）
onmousedown（按下鼠标按键时执行）
onmousemove（鼠标光标在元素上移动时执行）
onmouseout（鼠标光标移开元素时执行）
onmouseover（鼠标光标移到元素上时执行）
onmouseup（当释放鼠标按键时执行）
onreset（用在表单元素中，当表单重置时执行）
onselect（用在表单元素中，当元素被选择时执行）
onsubmit（用在表单元素中，当表单提交时执行）
onunload（用在body标签中，当关闭页面时执行）?
别对Javascript失去自制力。最好是少用。一个使用Javascript的网页存在严重降低易用性的风险，而很多东西可以代替它，比如服务器端脚本语言PHP或ASP等。
?
?
?
鼠标滚动事件解决IEmousewheel和firefox标准DOMMouseScroll?兼容的jquery插件：?
这个事件在标准下和IE下是有区别的。
有关IE的mousewheel事件在msdn的解释，可查看这里
firefox是按标准实现的,事件名为"DOMMouseScroll?",IE下采用的则是"mousewheel?"。
?当然一行代码就解决了兼容问题??
?事件属性，IE是event.wheelDelta，Firefox是event.detail?属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0。?使用插件?Mouse Wheel Extension 3.0.2"DOMMouseScroll";?? ?
?
下载地址?http://plugins.jquery.com/files/jquery.mousewheel.3.0.2.zip演示地址?http://brandonaaron.net/code/mousewheel/demos?