JS - 事件常用
2024-10-13 02:12:51
问：什么是事件？
答：JS创建动态页面，可以被JS侦测到的行为。网页中的每个元素都可以产生某些可以触发JS函数的事件。比如说，当用户点击按钮时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理。
onclick：鼠标点击事件
onmouseenter : 鼠标进入事件
onmouseout : 鼠标移开事件
onmouseover : 鼠标经过事件
onmousemove : 鼠标移动事件
onchange : 文本框内容改变事件
onselect : 文本框内容选中事件
onfocus : 光标聚焦事件
onblur : 光标失焦事件
onload : 网页导入事件
onunload : 关闭网页事件
事件流：
就是事件的流向，是根据什么路径走的
分为三个阶段：
捕获 --> 目标 --> 冒泡
JS 中支持两种事件机制：
1.捕获
2.冒泡
阻止冒泡：event.stopPropagation();
事件对象
什么是事件对象？在触发DOM上的事件时都会产生一个对象
1. type 属性 用于获取事件类型
2. target 属性 用于获取事件目标
3. stopPropagation()方法 用于阻止事件冒泡
4. preventDefault()方法 用于阻止事件默认行为
<a href="#">超链接</a>
最新文章
- UML类图6种关系的总结
- Maven初级学习（一）手把手教你Maven安装
- Code First Migrations更新数据库结构（数据迁移）
- Brute Force - B. Candy Boxes ( Codeforces Round #278 (Div. 2)
- php--yii框架表单验证
- CentOS7 安装 scala 2.11.1
- centos 添加epel、remi仓库和ELRepo仓库
- MySQL主键添加/删除
- leetcode136 利用异或运算找不同的元素
- thinkPHP5使用的一些小配置
- [LeetCode] Reach a Number 达到一个数字
- 题解：LOJ540游戏
- Codeforces 316E3 线段树 + 斐波那切数列 (看题解)
- c#中退出WinForm程序包括有很多方法，如:this.Close(); Application.Exit();Application.ExitThread(); System.Environment.Exit(0);
- 微信小程序---picker
- Jmeter 录制脚本(一)
- Javascript数据类型转换规则
- jQuery（三）：样式操作
- How to Use vcpkg On Windows
- Educational Codeforces Round 45 (Div 2) (A~G)