2021-01-02

最新推荐文章于 2021-04-23 15:11:36 发布

抖腿南神经

最新推荐文章于 2021-04-23 15:11:36 发布

阅读量65

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/qq_44809887/article/details/112094986

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JS（JavaScript）中的事件

什么是事件，事件就是电脑输入设备与页面进行交互的响应，我们称之为事件。
常用的事件：
onload：加载完成事件，页面加载完成后，常用于页面js代码初始化操作。
onclick：点击事件，常用于按钮的点击响应事件
onblur：失去焦点事件，常用于输入框失去焦点后验证其输入的内容是否合法。
onchange：内容发生改变事件，常用于下拉列表和输入框内容发生改变后操作。
onsubmit：表单提交事件，常用于表单提交时，验证所有表单项是否合法

事件注册（绑定）

事件的注册：当事件响应后要执行哪些操作代码
事件的注册有两种：
（1）静态注册事件：通过html标签的事件属性直接赋予事件响应后的代码。
	以onload事件为例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript">
        function print()
        {
            alert("静态注册事件");
        }
</script>
<body onload="print()">
</body>
</html>

页面输出：
在这里插入图片描述

（2）动态注册事件：指先通过js代码得到标签的dom对象，然后通过dom对象.事件名 = function（）{ }，这种形式赋予时间响应后的代码，叫动态注册。
动态注册的步骤：
①获取标签对象
②标签对象.事件名 = function（）{ }
以onload事件为例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript">
      window.onload=function () {
        alert("动态注册页面");
      }
</script>
<body >
</body>
</html>

输出结果：在这里插入图片描述

抖腿南神经

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-01-02

JS（JavaScript）中的事件什么是事件，事件就是电脑输入设备与页面进行交互的响应，我们称之为事件。常用的事件：onload：加载完成事件，页面加载完成后，常用于页面js代码初始化操作。onclick：点击事件，常用于按钮的点击响应事件onblur：失去焦点事件，常用于输入框失去焦点后验证其输入的内容是否合法。onchange：内容发生改变事件，常用于下拉列表和输入框内容发生改变后操作。onsubmit：表单提交事件，常用于表单提交时，验证所有表单项是否合法事件注册（绑定）事件的注
复制链接

扫一扫