全部教程· JavaScript· JS教程 · JS 事件

返回

JavaScript 事件

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

当在 HTML 页面中使用 JavaScript 时，JavaScript 能够处理这些事件。

1. HTML 事件

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

下面是 HTML 事件的一些例子：

HTML 网页完成加载
HTML 输入字段被修改
HTML 按钮被点击

通常，当事件发生时，用户会希望做某件事。

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

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

使用单引号：

<element event='一些 JavaScript'>

使用双引号：

<element event="一些 JavaScript">

在下面的例子中，onclick 属性（以及代码）被添加到 <button> 元素：

1）范例

<button onclick='document.getElementById("demo").innerHTML=Date()'>现在的时间是？</button>

在上面的例子中，JavaScript 代码改变了 id="demo" 的元素的内容。

在接下来的例子中，代码（使用 this.innerHTML）改变了其自身元素的内容：

2）范例

<button onclick="this.innerHTML=Date()">现在的时间是？</button>

JavaScript 代码通常有很多行。事件属性调用函数更为常见：

3）范例

<button onclick="displayDate()">现在的时间是？</button>

下一章：JS 字符串

上一章：JS 对象

下一章：JS 字符串

小贴士

全部【编程教程】内容源自网络，仅供学习用途，若有遗漏或版权任何问题，请及时【联系我们】，按下 Ctrl+D 或 ⌘+D 收藏本站。

快速标题定位

1. HTML 事件

他人最近浏览

用户 8小时前浏览了 [HBase] 的 [HBase 概述]
用户 8小时前浏览了 [Numpy] 的 [NumPy 迭代数组]
用户 8小时前浏览了 [服务器技术] 的 [linux之如何停止正在执行的脚本]
用户 8小时前浏览了 [Django框架] 的 [Django 简介]
用户 8小时前浏览了 [CSS] 的 [CSS 高度和宽度]
用户 8小时前浏览了 [Gson] 的 [Gson流]
用户 8小时前浏览了 [Rust高级编程] 的 [DeRef]
用户 8小时前浏览了 [SQL] 的 [SQL EXISTS 函数]
用户 8小时前浏览了 [Dart] 的 [Dart 异常]
用户 8小时前浏览了 [Python编程技术] 的 [Python混合怎么使用同步和异步函数]

推荐 AI 小工具

^[新]ZeroClaw

Janitor AI 角色扮演聊天

在问

抖音Dreamina – 免费

喵呜提示词助手

TTS Online

反谱

新华妙笔AI

K2-上海交通大学

深言达意

轻松鲨

Luma ai

关于我们/ 免责声明/ 问与答/ 积分奖励消耗规则/ 联系我们/ Markdown 教程 / 今日访问598人，当前在线8人，最高在线99人

欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。为了更好的体验，本站推荐使用 Chrome 浏览器。