javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...

本文深入解析了JavaScript中各类事件的定义、浏览器支持情况及实际应用场景,包括但不限于点击、双击、键盘输入、页面加载、表单操作、滚动、数据绑定、外部事件等。详细阐述了如何在HTML元素上使用这些事件,以及JavaScript事件与DOM编程、DHTML技术的整合应用,同时提供了禁用浏览器右键菜单的代码示例。文章旨在帮助开发者掌握JavaScript事件的运用,提升网站的交互性和用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript事件列表解说
事件浏览器支持解说
一般事件onclickIE3、N2鼠标点击时触发此事件
ondblclickIE4、N4鼠标双击时触发此事件
onmousedownIE4、N4按下鼠标时触发此事件
onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件
onmouseoverIE3、N2当鼠标移动到某对象范围的上方时触发此事件
onmousemoveIE4、N4鼠标移动时触发此事件
onmouseoutIE4、N3当鼠标离开某对象范围时触发此事件
onkeypressIE4、N4当键盘上的某个键被按下并且释放时触发此事件.
onkeydownIE4、N4当键盘上某个按键被按下时触发此事件
onkeyupIE4、N4当键盘上某个按键被按放开时触发此事件
页面相关事件onabortIE4、N3图片在下载时被用户中断
onbeforeunloadIE4、N当前页面的内容将要被改变时触发此事件
onerrorIE4、N3出现错误时触发此事件
onloadIE3、N2页面内容完成时触发此事件
onmoveIE、N4浏览器的窗口被移动时触发此事件
onresizeIE4、N4当浏览器的窗口大小被改变时触发此事件
onscrollIE4、N浏览器的滚动条位置发生变化时触发此事件
onstopIE5、N浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断
onunloadIE3、N2当前页面将被改变时触发此事件
表单相关事件onblurIE3、N2当前元素失去焦点时触发此事件
onchangeIE3、N2当前元素失去焦点并且元素的内容发生改变而触发此事件
onfocusIE3 、N2当某个元素获得焦点时触发此事件
onresetIE4 、N3当表单中RESET的属性被激发时触发此事件
onsubmitIE3 、N2一个表单被递交时触发此事件
滚动字幕事件onbounceIE4、N在Marquee内的内容移动至Marquee显示范围之外时触发此事件
onfinishIE4、N当Marquee元素完成需要显示的内容后触发此事件
onstartIE4、 N当Marquee元素开始显示内容时触发此事件
编辑事件onbeforecopyIE5、N当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件
onbeforecutIE5、 N当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件
onbeforeeditfocusIE5、N当前元素将要进入编辑状态
onbeforepasteIE5、 N内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件
onbeforeupdateIE5、 N当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenuIE5、N当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件
oncopyIE5、N当页面当前的被选择内容被复制后触发此事件
oncutIE5、N当页面当前的被选择内容被剪切时触发此事件
ondragIE5、N当某个对象被拖动时触发此事件 [活动事件]
ondragdropIE、N4一个外部对象被鼠标拖进当前窗口或者帧
ondragendIE5、N当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了
ondragenterIE5、N当对象被鼠标拖动的对象进入其容器范围内时触发此事件
ondragleaveIE5、N当对象被鼠标拖动的对象离开其容器范围内时触发此事件
ondragoverIE5、N当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragstartIE4、N当某对象将被拖动时触发此事件
ondropIE5、N在一个拖动过程中,释放鼠标键时触发此事件
onlosecaptureIE5、N当元素失去鼠标移动所形成的选择焦点时触发此事件
onpasteIE5、N当内容被粘贴时触发此事件
onselectIE4、N当文本内容被选择时的事件
onselectstartIE4、N当文本内容选择将开始发生时触发的事件
数据绑定onafterupdateIE4、N当数据完成由数据源到对象的传送时触发此事件
oncellchangeIE5、N当数据来源发生变化时
ondataavailableIE4、N当数据接收完成时触发事件
ondatasetchangedIE4、N数据在数据源发生变化时触发的事件
ondatasetcompleteIE4、N当来子数据源的全部有效数据读取完毕时触发此事件
onerrorupdateIE4、N当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onrowenterIE5、N当前数据源的数据发生变化并且有新的有效数据时触发的事件
onrowexitIE5、N当前数据源的数据将要发生变化时触发的事件
onrowsdeleteIE5、N当前数据记录将被删除时触发此事件
onrowsinsertedIE5、N当前数据源将要插入新数据记录时触发此事件
外部事件onafterprintIE5、N当文档被打印后触发此事件
onbeforeprintIE5、N当文档即将打印时触发此事件
onfilterchangeIE4、N当某个对象的滤镜效果发生变化时触发的事件
onhelpIE4、N当浏览者按下F1或者浏览器的帮助选择时触发此事件
onpropertychangeIE5、N当对象的属性之一发生变化时触发此事件
onreadystatechangeIE4、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">
<!--
function hideContestmenu()
{
window.event.returnValue=false;
}
//-->为了防止别的浏览器将HTML的注释结束标记当做javascrip程序代码
</script>
<head>
<body oncontextmenu="return false;/*hideContextmenu()*/">
</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对话框窗口


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值