JavaScript的事件列表 (事件属性 - 发生条件)

本文详细介绍了网页开发中常见的事件,如onload、onUnload等,并举例说明了如何在实践中使用这些事件,例如表单验证和动画按钮的创建。

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

  • onabort - 一个图片的加载被终止 (只用于<img>)
  • onblur - 当一个元素失去焦点(光标移开)
  • onchange - 用户改变了一个域的值(用于 <input type=”text”>, <select>, <textarea>)
  • onclick - 鼠标点击对象
  • ondblclick - 鼠标双击对象
  • onerror - 文件或图片加载出错( <img>, <object>, <style>)
  • onfocus - 一个元素得到焦点
  • onkeydown - 键盘上任一键被按下
  • onkeypress - 键盘上任一键被按下或保持按下
  • onkeyup - 当被按下的键被释放时
  • onload - 当页面或图片完成加载
  • onmousedown - 当一个鼠标键被按下
  • onmousemove - 鼠标移动
  • onmouseout - 鼠标被从一个元素上移开
  • onmouseover - 鼠标移至某元素上
  • onmouseup - 鼠标键被释放
  • onreset - 重置按钮被点击
  • onresize - 窗口或框架大小被改变
  • onselect - 文本被选择
  • onsubmit - 提交按钮被点击
  • onunload - 用户关闭页面

————————————————————————————–
onload 和 onUnload

onload 和 onUnload 事件分别是在用户进入或离开页面时被触发的。

onload 事件通常被用来检查访问者的浏览器类型和版本, 并根据这些信息加载适当的网页版本。

onload 和 onUnload 事件也常常被用来在用户进入或离开页面时设置cookies。 例如, 当用户第一次访问你的网页时,你可以使用一个弹出窗口询问用户的名字, 然后将名字存储在一个cookie中。下次当同一用户再次访问你的网页的时候, 你可以用另外一个弹出窗口打出一些问候语,比如 “欢迎您, 某某!”

——————————————————————————–
onFocus, onBlur 和 onChange

onFocus, onBlur 和 onChange 事件通常与表单域的验证结合使用。

以下是一个例子,显示如何使用onChange 事件。 每当用户改变这个输入域的值, checkEmail() 函数就会被调用:

<input type=”text” size=”30″ id=”email” onchange=”checkEmail()”>;

———————————————————————————-
onSubmit

onSubmit 事件通常被用来在表单提交之前验证所有的域值。

下 面是一个例子,显示怎样使用onSubmit事件。 当用户点击表单的提交按钮时, 函数checkForm()就会被调用。 如果某些域值不能被接受, 提交将会被取消。 函数 checkForm()返回值为真或者假。 如果返回值为真,则表单会被提交, 否则, 表单会被取消:

<form method=”post” action=”xxx.htm” onsubmit=”return checkForm()”>

————————————————————————————
onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 通常被用来生成动画按钮。

以下为一个onMouseOver事件的例子。 当鼠标移到链接“程序员实验室”上时,一个提示窗口就会弹出来:

<a href=”http://www.prglab.com”
onmouseover=”alert(’An onMouseOver event’);return false”> 程序员实验室 </a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值