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

• 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 元素分配自己的事件处理函数
您能够阻止事件被发送或被处理
等等