js基础之一些常见的 HTML 事件

Posted on 2019-09-24 09:08  jessie-xian  阅读(418)  评论(0)  编辑  收藏  举报
  • 1.onchange HTML 元素已被改变
  • 2.onclick 用户点击了 HTML 元素
<button type="button" onclick="document.getElementById('demo').innerHTML='hello world'">点击我改变内容</button>
<p id="demo">改变html内容</p>
  • 3.onmouseover 用户把鼠标移动到 HTML 元素上
<button type="button" onmouseover ="document.getElementById('demo').innerHTML='hello world'">点击我改变内容</button>
<p id="demo">改变html内容</p>
  • 4.onmouseout 用户把鼠标移开 HTML 元素
 <button type="button" 
onmouseover ="document.getElementById('demo').innerHTML='hello world'"
onmouseout ="document.getElementById('demo').innerHTML='鼠标移开'">点击我改变内容</button>
<p id="demo">改变html内容</p>
  • 5.onkeydown 用户按下键盘按键
  • 6.onload 浏览器已经完成页面加载

JavaScript 能够做什么？
事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作：

每当页面加载时应该做的事情
当页面被关闭时应该做的事情
当用户点击按钮时应该被执行的动作
当用户输入数据时应该被验证的内容
等等

让 JavaScript 处理事件的不同方法有很多：
HTML 事件属性可执行 JavaScript 代码
HTML 事件属性能够调用 JavaScript 函数
您能够向 HTML 元素分配自己的事件处理函数
您能够阻止事件被发送或被处理
等等