JS基础语法--事件

js事件是执行交互的重要的工具

1、事件是可以被javascript侦测到的行为
像点击某个按钮,机关被触发了,结果你家的自来水开关被打开了(当然这只是一种比喻)
html事件是发生在html元素之上的事情,肯定不会无缘无故的打开你家的自来水开关的。除非你设计了硬件交互。
它可以是浏览器的行为,也可以是用户操作的行为
html网页中的每个元素都可以插入某些可以被触发的事件。
1、html页面完成加再
2、html用户输入字段改变时
3、点击了某个按钮
通常,当触发事件时,你可以做一些有趣的事情。例如:
给button加一个点击事件

<button onclick="this.innerHtml=Date()">The time is ?</button>

一般,用汉书来实现事件,像这样

<button onclick="javascript::void(0);" herf="displayDate()">The time is</button>
function displayDate(){
    document.getElementById("demo").innerHtml=Date();
}
<p id="demo"></p>

JS的事件有很多,但通常就如下几种很常用
onchange() 元素改变
onclick() 点击
onmouseover 鼠标经过
onmouseout 鼠标移开
onkeydown 用户按下键盘
onload 浏览器已完成页面的加载

JavaScript 可以做什么?
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
1、页面加载时触发事件
2、页面关闭时触发事件
3、用户点击按钮执行动作
4、验证用户输入内容的合法性
等等 …


参考文献

参考文档:

https://www.w3cschool.cn/javascript/js-events.html

全部的事件

https://www.w3cschool.cn/jsref/dom-obj-event.html

相关文章