马海祥博客 > 网站制作 > js教程 > JS基础知识：Javascript事件触发列表

JS基础知识：Javascript事件触发列表

时间：2014-06-26 文章来源：马海祥博客访问次数：

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言。

JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为，Javascript事件像HTML标签的属性一样使用，事件是发生在HTML元素上的某些行为，如什么时候被点击了或者什么时候失去焦点。

JS基础知识：Javascript事件触发列表-马海祥博客

网页中的每个元素都可以产生某些可以触发JavaScript函数的事件，比方说，我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。所以，这就需要我们程序员熟练的掌握JavaScript事件了，在此，我就借助马海祥博客的平台跟大家分享一份javascript事件触发列表，以方便各位博友查阅：

javascript事件触发列表
事件		浏览器支持	触发解说
一般事件	onclick	IE3、N2	鼠标点击时触发此事件
	ondblclick	IE4、N4	鼠标双击时触发此事件
	onmousedown	IE4、N4	按下鼠标时触发此事件
	onmouseup	IE4、N4	鼠标按下后松开鼠标时触发此事件
	onmouseover	IE3、N2	当鼠标移动到某对象范围的上方时触发此事件
	onmousemove	IE4、N4	鼠标移动时触发此事件
	onmouseout	IE4、N3	当鼠标离开某对象范围时触发此事件
	onkeypress	IE4、N4	当键盘上的某个键被按下并且释放时触发此事件.
	onkeydown	IE4、N4	当键盘上某个按键被按下时触发此事件
	onkeyup	IE4、N4	当键盘上某个按键被按放开时触发此事件
页面相关事件	onabort	IE4、N3	图片在下载时被用户中断
	onbeforeunload	IE4、N	当前页面的内容将要被改变时触发此事件
	onerror	IE4、N3	出现错误时触发此事件
	onload	IE3、N2	页面内容完成时触发此事件
	onmove	IE、N4	浏览器的窗口被移动时触发此事件
	onresize	IE4、N4	当浏览器的窗口大小被改变时触发此事件
	onscroll	IE4、N	浏览器的滚动条位置发生变化时触发此事件
	onstop	IE5、N	浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断
	onunload	IE3、N2	当前页面将被改变时触发此事件
表单相关事件	onblur	IE3、N2	当前元素失去焦点时触发此事件
	onchange	IE3、N2	当前元素失去焦点并且元素的内容发生改变而触发此事件
	onfocus	IE3 N2	当某个元素获得焦点时触发此事件
	onreset	IE4 N3	当表单中RESET的属性被激发时触发此事件
	onsubmit	IE3 N2	一个表单被递交时触发此事件
滚动字幕事件	onbounce	IE4、N	在Marquee内的内容移动至Marquee显示范围之外时触发此事件
	onfinish	IE4、N	当Marquee元素完成需要显示的内容后触发此事件
	onstart	IE4、 N	当Marquee元素开始显示内容时触发此事件
编辑事件	onbeforecopy	IE5、N	当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件
	onbeforecut	IE5、 N	当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件
	onbeforeeditfocus	IE5、N	当前元素将要进入编辑状态
	onbeforepaste	IE5、 N	内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件
	onbeforeupdate	IE5、 N	当浏览者粘贴系统剪贴板中的内容时通知目标对象
	oncontextmenu	IE5、N	当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件
	oncopy	IE5、N	当页面当前的被选择内容被复制后触发此事件
	oncut	IE5、N	当页面当前的被选择内容被剪切时触发此事件
	ondrag	IE5、N	当某个对象被拖动时触发此事件 [活动事件]
	ondragdrop	IE、N4	一个外部对象被鼠标拖进当前窗口或者帧
	ondragend	IE5、N	当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了
	ondragenter	IE5、N	当对象被鼠标拖动的对象进入其容器范围内时触发此事件
	ondragleave	IE5、N	当对象被鼠标拖动的对象离开其容器范围内时触发此事件
	ondragover	IE5、N	当某被拖动的对象在另一对象容器范围内拖动时触发此事件
	ondragstart	IE4、N	当某对象将被拖动时触发此事件
	ondrop	IE5、N	在一个拖动过程中，释放鼠标键时触发此事件
	onlosecapture	IE5、N	当元素失去鼠标移动所形成的选择焦点时触发此事件
	onpaste	IE5、N	当内容被粘贴时触发此事件
	onselect	IE4、N	当文本内容被选择时的事件
	onselectstart	IE4、N	当文本内容选择将开始发生时触发的事件
数据绑定	onafterupdate	IE4、N	当数据完成由数据源到对象的传送时触发此事件
	oncellchange	IE5、N	当数据来源发生变化时
	ondataavailable	IE4、N	当数据接收完成时触发事件
	ondatasetchanged	IE4、N	数据在数据源发生变化时触发的事件
	ondatasetcomplete	IE4、N	当来子数据源的全部有效数据读取完毕时触发此事件
	onerrorupdate	IE4、N	当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
	onrowenter	IE5、N	当前数据源的数据发生变化并且有新的有效数据时触发的事件
	onrowexit	IE5、N	当前数据源的数据将要发生变化时触发的事件
	onrowsdelete	IE5、N	当前数据记录将被删除时触发此事件
	onrowsinserted	IE5、N	当前数据源将要插入新数据记录时触发此事件
外部事件	onafterprint	IE5、N	当文档被打印后触发此事件
	onbeforeprint	IE5、N	当文档即将打印时触发此事件
	onfilterchange	IE4、N	当某个对象的滤镜效果发生变化时触发的事件
	onhelp	IE4、N	当浏览者按下F1或者浏览器的帮助选择时触发此事件
	onpropertychange	IE5、N	当对象的属性之一发生变化时触发此事件
	onreadystatechange	IE4、N	当对象的初始化属性值发生变化时触发此事件

本文发布于马海祥博客文章，如想转载，请注明原文网址摘自于http://www.mahaixiang.cn/js/647.html，注明出处；否则，禁止转载；谢谢配合！

相关标签搜索： JavaScript js事件 js知识 js事件列表

上一篇：如何将模板理念应用到JS组件中
下一篇：JavaScript事件处理程序的3种方式

您可能还会对以下这些文章感兴趣！

常见JS挂马方法及如何防止网站被黑客挂马？

最近有朋友说自己的网站平时并未作弊，文章也都是原创的，更新很稳定。可不知道为什么网站突然就被各大搜索引擎降权了，一直找不到原因。最后发现是网站被挂马了，导致网站被连累了。在此，借助马海祥博客的平台，给大家简单的介绍下js挂马的方法及如何防止网站被挂马……【查看全文】

阅读：1985关键词： JS挂马防止网站挂马常见挂马方法 日期：2012-10-26
最新挂木马的10大操作方法

最近看了很多博友反馈的问题，发现最近一周谈论最多的问题就是js挂马的问题。问题也大多集中在如何挂马、挂马的方法有哪些？挂马的效果和如何防止自己网站被挂木马。并根据自己多年做网站的经验汇总了10条网站挂木马的常用的一些代码写法。在此给大家介绍一下具体代码……【查看全文】

阅读：1218关键词：挂马最新挂木马方挂马操作方法最新挂马方法 日期：2013-05-20
推荐一种测试JavaScript执行性能和性能比较的方法

随着越来越多的站长对网站形象方面的关注，js文件也使用的越来越多了，于是乎一些细心的seo优化人员也开始重视JavaScript 的性能问题了，同时也导致了越来越多的 JS 性能测试框架和一些工具诞生，比如说 JSLitmus、jsperf 等等，由于本人对JavaScript方面的知识掌握的也……【查看全文】

阅读：7003关键词： JavaScript js文件 JS性能比较 日期：2013-05-12
常用的JS页面跳转代码调用大全

所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转，如我们打开的是A页面，通过javsrcipt脚本就会跳转到B页面。目前很多垃圾站经常用js跳转将正常页面跳转到广告页面，当然也有一些网站为了追求吸引人的视觉效果，把一些栏目链接做成js链接，但这是一个比较严……【查看全文】

阅读：24316关键词： js页面 js跳转 js代码 js调用 日期：2014-09-17
JavaScript开发者新手经常忽略或误用的基础知识点

JavaScript本身可以算是一门简单的语言，但我们也不断用智慧和灵活的模式来改进它，昨天我们将这些模式应用到了JavaScript框架中，今天这些框架又驱动了我们的Web应用程序。很多新手开发者被各种强大的JavaScript框架吸引进来，但却忽略了框架身后浩如星海的JavaScript……【查看全文】

阅读：637关键词： javascript 开发者 日期：2016-07-03
JS基础知识：Javascript事件触发列表

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言。JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为，Javascript事件像HTML标签的属性一样使……【查看全文】

阅读：2112关键词： js知识 javascript js事件列表 js事件 日期：2014-06-26
JavaScript对象属性的基础教程指南

JavaScript是使用对象化编程的，或者叫面向对象编程的。所谓对象化编程，意思是把JavaScript能涉及的范围划分成大大小小的对象，对象下面还继续划分对象直至非常详细为止，所有的编程都以对象为出发点，基于对象，小到一个变量，大到网页文档、窗口甚至屏幕，都是对象。……【查看全文】

阅读：1315关键词： js教程 JavaScript js对象 js属性 js指南 日期：2014-03-13
常用的JavaScript字符串处理函数及用法

最近参加了几次前端实习生招聘的笔试，发现很多笔试题都会考到字符串的处理，比方说去哪儿网笔试题、淘宝的笔试题等，如果你经常参加笔试或者也是一个过来人，相信你也跟我一样，发现字符串的处理是前端招聘过程中最常见的题型之一，这些题有一个特点，站在考官的角度去……【查看全文】

阅读：1639关键词： javascript 字符串 日期：2015-05-03
JavaScript事件处理程序的3种方式

事件对象是用来记录一些事件发生时相关信息的对象，但事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁！事件流就是描述了页面中接受事件的顺序，在浏览器发展的初期，两大浏览器厂商IE和Netscape互掐……【查看全文】

阅读：8333关键词： javascript js事件 日期：2014-07-19
Javascript教程：js异步模式编程的4种解决方法

随着人们对网站视觉效果及用户体验的要求越来越高，所以在未来网站的建设中，设计师们开始越来越多的使用了js文件来达到预期的效果，随着js文件的越来越多，令设计师们最头痛的事情也就来了，那就是Javascript语言的执行环境是单线程（single thread）。所谓单线程，就……【查看全文】

阅读：5145关键词： Javascript js教程异步模式 js编程 日期：2013-09-03

↓ 点击查看更多 ↓

热点推荐

互联网更多>>

基于高斯模糊原理的模糊图片的研究高斯模糊（Gaussian Blur）的原理中，它是根据高斯曲线调节象素色值，它是有选择地模糊图像。说得直白一点，就是高……
互联网思维的一些特征如今，互联网迅猛发展已经渗透人们生活各个方面，尤其是互联网正加快向传统行业渗透和融合，对传统行业提出严……
盘点2010年代这10年的重大网络安全事件二十一世纪的第2个十年即将过去，在过去十年里有很多的重大网络安全事件发生，我们见证了过去十年，大量的数据……

网络营销更多>>

2017年数字营销的十大发展趋势及发展状态	从免费到付费的社交媒体形态发展分析
新浪微博已正式发布公告全面封杀微信	浅谈社交网络营销的七大营销策略