客户端JavaScript(四)---事件与事件处理

本文介绍了JavaScript中的事件和事件处理,包括常用事件如onload、onclick等,以及事件处理的步骤和方法,如DOM0级和DOM2级事件处理程序。此外,还详细讲解了DOM高级事件处理,如事件注册、删除、事件流的捕获、当前目标和冒泡阶段,以及事件对象的相关属性和方法。
摘要由CSDN通过智能技术生成

事件与事件处理

什么是事件?
事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了。

事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大小。说白了,事件是文档或浏览器中发生的特定交互瞬间!

通过使用JavaScript,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应。

一、常用事件

onabort: 对象载入被中断时触发;
onblur: 元素或窗口本身失去焦点时触发;
onchange: 改变元素中的选项或其他表单元素失去焦点,并且在其获取焦点后内容发生改变时触发;
onerror: 出现任何错误时触发;
onfocus: 任何元素或窗口本身获得焦点时触发;
onkeydown: 键盘键(包括shift alt等)被按下时触发;
onkeypress: 键盘被按下并产生一个字符时触发,也就是说按下shit、alt等不会触发;
onkeyup: 释放键盘上的按键时触发;
onload: 页面完全载入后触发;
onunload: 页面完全卸载后触发;
onclick: 点击鼠标左键时触发,当光标的焦点在按钮上并按enter按键时也会触发;
ondblclick: 双击鼠标左键时触发;
onmousedown: 单击任何一个鼠标按键时触发;
onmousemove: 鼠标在某个元素上移动时持续触发;
onmouseout: 鼠标从制定的元素上移开时触发;
onmouseover: 鼠标移到某个元素上时触发;
onmouseup: 释放任意一个鼠标按键时触发;
onreset: 单击重置按钮时,在上触发;
onresize: 窗口或框架的大小发生改变时触发;
onscroll: 在任何带滚动条的元素或窗口上滚动时触发;
onselect: 选中文本时触发;
onsubmit: 单击提交按钮时触发,在上触发

二、事件处理

1、在js中事件处理的过程分为三步:

1.发生事件

2.启动事件处理程序

3.事件处理程序做出反应

2、事件处理程序的调用

1.在javascript中

在javascript中调用事件处理程序,首先要获得要处理对象的引用,然后将要执行的处理函数赋值给对应的事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>时间处理</title>
</head>
<body>
<input type="button" name
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值