HTML事件是指发生在HTML元素上的事情，比如按下确定按钮，选择某个单选按钮或者复选框等。
每一种控件有自己可以识别的事件，比如单击、双击等事件。
在HTML页面中使用JavaScript时，JavaScript可以触发这些事件。
HTML事件HTML事件可以是浏览器行为或用户行为。
以下是HTML事件的示例：① HTML页面已完成加载② 当HTML输入字段更改时③ 单击HTML按钮通常，当事情发生时，你可以做一些事情。
触发事件的对象称为事件发送者；接收事件的对象称为事件接收器。
JavaScript可以在触发事件时执行一些代码。
可以向HTML元素添加事件属性，并使用JavaScript代码添加HTML元素。
单引号：<some-HTML-element some-event=’JavaScript 代码’>双引号：<some-HTML-element some-event=”JavaScript 代码”>在以下示例中，onclick属性（带有代码）被添加到按钮（button）元素中：<!DOCTYPE html><html><head><meta charset=”utf-8″><title>按钮事件</title></head><body><button onclick=”getElementById(‘demo’).innerHTML=Date()”>现在的时间是?</button><p id=”demo”></p></body></html>运行结果：在上面的示例中，JavaScript代码将修改id=“demo”元素的内容。
在下一个示例中，代码将修改自身元素的内容（使用 this.innerHTML）：<!DOCTYPE html><html><head><meta charset=”utf-8″><title>事件演示</title></head><body><button onclick=”this.innerHTML=Date()”>现在的时间是?</button></body></html>运行结果：注意：Javascript代码通常是几行代码。
更常见的是通过事件属性调用，比如：<!DOCTYPE html><html><head><meta charset=”utf-8″><title>事件演示</title></head><body><p>点击按钮执行 <em>displayDate()</em> 函数.</p><button onclick=”displayDate()”>点这里</button><script>function displayDate(){document.getElementById(“demo”).innerHTML=Date();}</script><p id=”demo”></p></body></html>运行结果：常见的HTML事件下面的列表中列出了一些常见的HTML事件：事件描述oncharge改变HTML元素onclick用户点击HTML元素onmouseover用户将鼠标移到HTML元素上onmouseout用户将鼠标移开HTML元素onkeydown用户按下键盘按键onload浏览器已完成页面的加载JavaScript可以做什么？事件可用于处理表单验证、用户输入、用户行为和浏览器 *** 作：① 加载页面时触发的事件② 关闭页面时触发的事件③ 用户单击按钮执行 *** 作④ 验证用户输入的合法性等等…有几种方法可以执行JavaScript事件代码：① HTML事件属性可以直接执行JavaScript代码② HTML事件属性可以调用JavaScript函数③ 你可以为HTML元素指定自己的事件处理程序④ 你可以防止这种情况发生。
等等…以上就是关于大数据编程入门：JavaScript事件的全部内容了，希望这篇文章可以帮助到大家~
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）