javascript 多浏览器 事件大全

javascript 多浏览器 事件大全

一般事件 事件 浏览器支持 描述

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 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

 

页面相关事件 事件 浏览器支持 描述

onAbort IE4|N3|O 图片在下载时被用户中断

onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件

onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误

onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成

onMove IE|N4|O 浏览器的窗口被移动时触发的事件

onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件

onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件

onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断

onUnload IE3|N2|O3 当前页面将被改变时触发的事件

 

表单相关事件 事件 浏览器支持 描述

onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]

onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]

onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件

onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件

onSubmit IE3|N2|O3 一个表单被递交时触发的事件

 

滚动字幕事件 事件 浏览器支持 描述

onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件

onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件

onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件

 

编辑事件 事件 浏览器支持 描述

onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件

onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件

onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态

onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件

onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象

onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]

onCopy IE5|N|O 当页面当前的被选择内容被复制后触发的事件

onCut IE5|N|O 当页面当前的被选择内容被剪切时触发的事件

onDrag IE5|N|O 当某个对象被拖动时触发的事件 [活动事件]

onDragDrop IE|N4|O 一个外部对象被鼠标拖进当前窗口或者帧

onDragEnd IE5|N|O 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了

onDragEnter IE5|N|O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件

onDragLeave IE5|N|O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件

onDragOver IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件

onDragStart IE4|N|O 当某对象将被拖动时触发的事件

onDrop IE5|N|O 在一个拖动过程中,释放鼠标键时触发的事件

onLoseCapture IE5|N|O 当元素失去鼠标移动所形成的选择焦点时触发的事件

onPaste IE5|N|O 当内容被粘贴时触发的事件

onSelect IE4|N|O 当文本内容被选择时的事件

onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件

 

数据绑定 事件 浏览器支持 描述

onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件

onCellChange IE5|N|O 当数据来源发生变化时

onDataAvailable IE4|N|O 当数据接收完成时触发事件

onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件

onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件

onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件

onRowEnter IE5|N|O 当前数据源的数据发生变化并且有新的有效数据时触发的事件

onRowExit IE5|N|O 当前数据源的数据将要发生变化时触发的事件

onRowsDelete IE5|N|O 当前数据记录将被删除时触发的事件

onRowsInserted IE5|N|O 当前数据源将要插入新数据记录时触发的事件

 

数据绑定 事件 浏览器支持 描述

onAfterPrint IE5|N|O 当文档被打印后触发的事件

onBeforePrint IE5|N|O 当文档即将打印时触发的事件

onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件

onHelp IE4|N|O 当浏览者按下F1或者浏览器的帮助选择时触发的事件

onPropertyChange IE5|N|O 当对象的属性之一发生变化时触发的事件

onReadyStateChange IE4|N|O 当对象的初始化属性值发生变化时触发的事件


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

------------------------------------------------------------------------------------------
DOM编程
1JAVASCRIPT将浏览器本身,网页文档,以及网页文档中的HTML元素等都用相应的内置对喜爱那个来表示,这些对象及对象之间的层次关系统称为DOM(Document Object Model,文档对象模型)
DHTML
2
CSS,脚本编程语言和DOM的结合使用,能够使HTML文档与用户具有交互性和动态变换性,这三种技术的单一称谓叫DHTML(Dynamic HTML,动态HTML)
在浏览器中禁止单击鼠标右键打开菜单的代码
<html>
<head>
<script language="javascript">
<!--
function hideContestmenu()
{
window.event.returnValue=false;
}
//-->为了防止别的浏览器将HTML的注释结束标记当做javascrip程序代码
</script>
<head>
<body >
</html>
2直接在JavaScript代码中,设置元素对象的事件属性,让事件属性值等于处理该事件的函数名或程序代码,解释执行来产生错误
<script language="javascript">
document.;
function hideContestmenu()
{
return false;
}
</script>
3在一个专门的<script>标签对中编写某个元素对象的某种事件处理程序代码,并用for属性指定事件源和用event属性指定事件名
<script language="javascript" for="document" event="oncontextmenu">
windows.event.returnValue=false;
</script>
Windows对象
1windows对象代表浏览器的整个窗口,编程人员,可以利用windows对象控制浏览器窗口的各个方面,
Windows对象--方法
1.alert
2.confirm
3.prompt显示一个可以
4.navigate 导航到别的页的内容
5.setInterval设置浏览器每过多长时间来定期调用执行指定的代码
6.setTimeout设置浏览器过多长时间后去执行指定的代码
7.clearInterval方法,用于取消setInterval的设置
8.clearTimeout取消setTimeout
9.moveTo将浏览器移动到浏览器的某个位置
10.resizeTo改变浏览器窗口的大小
11.open方法用于打开一个新的窗口,
12.showModalDialog方法,用于产生一个Modal对话框窗口
13.showModelessDialog方法,用于产生一个非Modal对话框窗口

常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit buttons(提交按钮) 例如可通过下列按钮激活change()文件: 2.onLoad页面加载事件:当页面加载时,自动调用函数(方法)。注意:此方法只能写在标签之中! 3.onScroll窗口滚动事件:当页面滚动时调用函数。注意:此事件写在方法的外面,且函数名(方法名)后不加括号!例:window.onscroll=move; 4.onBlur失去焦点事件:当光标离开文本框是触发调用函数。 当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时,引发该文件,他与onFocas事件是一个对应的关系。 5.onFocus事件:光标进入文本框时触发调用函数。 当用户单击Text或textarea以及select对象时,产生该事件。 6.onChange事件:文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件,同时当在select表格项中一个选项状态改变后也会引发该事件。例: 7.onSubmit事件:属于表单元素,写在表单标签内。语法:onSubmit=”return 函数名()” 8.onKeyDown事件:在输入框中按下键盘上的任何一个键时,都会触发事件,调用函数。注意:此事件写在方法的外面,且函数名(方法名)后不加括号!例:document.onkeydown=函数名()。 9.setTimeout(“函数名()”,间隔时间(以毫秒为单位)); 10.clearTimeout(对象) 清除已设置的setTimeout对象 鼠标相关事件: 1.onMouseOver:鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域之内,无论怎样移动斗志触发一次函数。 2.onMouseOut:鼠标离开某对象范围时,触发事件调用函数。 3.onMouseMove: 鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域之内,只要一动一次就出发一次事件调用一次函数。 4.onmouseup 当鼠标松开 5.onmousedown 当鼠标按下键 document对象常用的方法: 1.document.getElementById():通过id获得唯一的一个HTML元素,没有id时,通过name查找 2.document.getElementByName():获取相同名称的一组元素。主要用于表单中的复选框 Date对象常用方法: Var a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份 y1=a.getFullYear(); //获取全年份数 四位数年份 m=a.getMonth(); //获取月份值(0-11) d=a.getDate(); //获取日期值 d1=a.getDay(); //获取当前星期值 h=a.getHours(); //获取当前小时数 m1=a.getMinutes(); //获取当前分钟数 s=a.getSeconds(); //获取当前秒钟数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值