JavaScript 17 JavaScript 事件

JavaScript 17 JavaScript 事件
JavaScript
文章目录
- JavaScript
  17 JavaScript 事件
  17.1 HTML 事件
  17.2 常见的 HTML 事件
  17.3 JavaScript 能够做什么？
17 JavaScript 事件

HTML 事件是发生在 HTML 元素上的“事情”。

当在 HTML 页面中使用 JavaScript 时，JavaScript 能够“应对”这些事件。

17.1 HTML 事件

HTML 事件可以是浏览器或用户做的某些事情。

一些例子：
- HTML 网页完成加载
- HTML 输入字段被修改
- HTML 按钮被点击
通常，当事件发生时，用户会希望做某件事。

JavaScript 允许您在事件被侦测到时执行代码。

通过 JavaScript 代码，HTML 允许您向 HTML 元素添加事件处理程序。

使用单引号：
```
1
```
使用双引号：
```
1
```
【举个栗子】onclick 属性（以及代码）被添加到
- 1
点击按钮后，JavaScript 代码改变了 id=“demo” 的元素的内容。

也可以使用 this.innerHTML改变了其自身元素的内容：
```
1
```
JavaScript 代码通常有很多行。事件属性调用函数更为常见：
```
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>

<h1>JavaScript 事件h1>

<p>点击按钮来显示日期。p>

<button onclick="displayDate()">时间是？button>

<script>
    function displayDate() {
        document.getElementById("demo").innerHTML = Date();
    }
script>

<p id="demo">p>

body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
```
执行效果

17.2 常见的 HTML 事件

17.3 JavaScript 能够做什么？

事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作：
- 每当页面加载时应该做的事情
- 当页面被关闭时应该做的事情
- 当用户点击按钮时应该被执行的动作
- 当用户输入数据时应该被验证的内容
- 等等
让 JavaScript 处理事件的不同方法有很多：
- HTML 事件属性可执行 JavaScript 代码
- HTML 事件属性能够调用 JavaScript 函数
- 您能够向 HTML 元素分配自己的事件处理函数
- 您能够阻止事件被发送或被处理
- 等等
相关阅读:
（本章节完结）排序第五节——非比较排序（计数排序+基数排序+桶排序）（附有自己的视频讲解）
【STM32+HAL+Proteus】系列学习教程---ADC（查询、中断、DMA模式下的电压采集）
[附源码]计算机毕业设计文具商城购物系统Springboot程序
 小程序提交表单之后，清除表单form
适合新手自学的网络安全基础技能“蓝宝书”：《CTF那些事儿》
接口安全&WebPack&REST&SOAP&WSDL&WebService
结构体 2.招聘
 Android应用内组件通讯之EventBus源码分析之初始化与订阅（二）
统计子矩阵
 AndroidStudio案例——登录页面的切换
原文地址：https://blog.csdn.net/weixin_44226181/article/details/127582491

JavaScript

文章目录

17 JavaScript 事件

17.1 HTML 事件

17.2 常见的 HTML 事件

17.3 JavaScript 能够做什么？