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" οnclick="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等。
------------------------------------------------------------------------------------------
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 οncοntextmenu="return false;/*hideContextmenu()*/">
</html>
2直接在JavaScript代码中,设置元素对象的事件属性,让事件属性值等于处理该事件的函数名或程序代码,解释执行来产生错误
<script language="javascript">
document.οncοntextmenu=hideContextmenu;
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对话框窗口