html元素事件 onload onunload onsubmit onselect

最新推荐文章于 2022-03-30 09:34:12 发布

old_man31

最新推荐文章于 2022-03-30 09:34:12 发布

阅读量386

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/old_man31/article/details/86836663

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!--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>