js触发事件列表

最新推荐文章于 2021-02-10 17:52:08 发布

qq_38184559

最新推荐文章于 2021-02-10 17:52:08 发布

阅读量484

点赞数

分类专栏：前端

前端专栏收录该内容

15 篇文章

订阅专栏

1.单击事件___onclick

用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:<input type="button" value="打开页面" onlick="window.open('xxxx.html','newwindow','width=456,height=230,toolbar=no,menubar=no,scrollbars=yes');">

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.鼠标覆盖事件 _____onmouseover

onmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">

9.鼠标离开事件_____onmouseout

onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.

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键或者单击浏览器中的"帮助"按钮时触发的事件

javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移动事件,javaScript事件使用小全

2008-10-09 上午 00:58

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	当对象的初始化属性值发生变化时触发此事件

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等。