html元素事件 onload onunload onsubmit onselect-优快云博客

本文链接：https://blog.youkuaiyun.com/old_man31/article/details/86836663

本文详细介绍了HTML中的各种事件，如onload、onunload、onselect、onchange、onsubmit、onfocus和onblur等，解释了它们的触发条件及应用场景，特别强调了onload事件在页面完全加载后的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--html元素事件
onload  页面完全加载后在windows对象上触发
onunload 页面完全卸载后在window对象上触发
onselect 选择了一个文本框的一个或者多个字符时触发
onchange 文本框失去焦点时，并且在它获得焦点后内容发生过变化时触发
onsubmit 单击提交按钮时在表单form上触发
onfocus 任何元素或者窗口获得焦点时触发
onblur 任何元素或者窗口失去焦点时触发


载入事件onload时最常用的事件，因为在页面载入完成之前，DOm的框架还没有搭建完毕，因
此任何相关操作都不能发生，给window对想分配onload，onunload事件等同<body>元素的
onload，onunload方法
onunload事件ie支持，大部分的DOM浏览器都不支持

-->
<!doctype html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body "alert('加载页面')" onunload="alert('卸载页面')">
<!--<form action="http://www.baidu.com" onsubmit="alert('提交事件')">-->
<form action="http://www.baidu.com" onsubmit="return false">
    <!--//阻止默认提交行为。-->
<input type="text" value="a" onfocus="alert('获取焦点')" onblur="alert('失去焦点')"/>
<input type="text" value="b" onchange="alert('内容改变')" onselect="alert('内容选中了')" />
<select name="city" onchange="alert('地址改变')">
    <option value="北京">beijing</option>
    <option value="北京">shanghai</option>
</select>
    <input type="submit" value="submit">
    <!--<input type="button" value="submit">///无效-->
</form>
</body>
</html>