javascript事件大全4

时间 2019-11-11

原文原文链接

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

DOM编程

1JAVASCRIPT将浏览器自己，网页文档，以及网页文档中的HTML元素等都用相应的内置对喜好那个来表示，这些对象及对象之间的层次关系统称为DOM（Document Object Model,文档对象模型）
DHTML
2
CSS,脚本编程语言和DOM的结合使用，可以使HTML文档与用户具备交互性和动态变换性，这三种技术的单一称谓叫DHTML（Dynamic HTML,动态HTML）

在浏览器中禁止单击鼠标右键打开菜单的代码
<html>
<head>
<script language="javascript">
为了防止别的浏览器将HTML的注释结束标记当作javascrip程序代码
</script>
<head>
<body oncontextmenu="return false;">
</html>

2直接在JavaScript代码中，设置元素对象的事件属性，让事件属性值等于处理该事件的函数名或程序代码，解释执行来产生错误
<script language="javascript">
document.oncontextmenu=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对话框窗口javascript