jQuery 事件（源码案例），一看就会了

最新推荐文章于 2024-04-26 16:47:03 发布

思诚代码块

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量599

点赞数

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122985832

版权

大家好，今天分享一下jQuery 事件

我们首先要知道事件的概念：

事件就是：

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

jQuery 事件处理方法是 jQuery 中的核心函数。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。

事件分为：

鼠标事件，键盘事件，其它事件

看源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="lib/jquery-3.4.1.js"></script>
    <style>
        #divMove{
            width: 500px;
            height: 500px;
            border: red solid;
        }
    </style>
</head>
<body>
<div id="divMove">
<!--  获取鼠标的轨迹（当前的坐标）  -->
    mouse : <span id="mouseMove"></span>

</div>
<script>
    //当网页元素加载完成之后，响应事件
    $(function () {
        $('#divMove').mousemove(function (e) {
            $('#mouseMove').text('x:'+e.pageX + 'y:'+e.pageY)

        })

    });
</script>
</body>
</html>

显示结果：
在这里插入图片描述
我们就是写了一个红色边框，定义了一个鼠标事件，它的效果就是，我们把鼠标放到这个红色边框里，在这个区域范围之内，红色边框左上角的坐标值会随着鼠标的移动而移动，
在我们这个实例当中，它确定位置坐标的作用范围只在红色边框之内，超出则无效

好了，jQuery 事件就到这里了，关于事件的学习，也可以点击：

点这里，学习jQuery 事件

里面有很多的实例

学习大家

思诚代码块

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery 事件（源码案例），一看就会了

大家好，今天分享一下jQuery 事件我们首先要知道事件的概念：事件就是：页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。事件分为：鼠标事件，键盘事件，其它事件看源码：<!DOCTYPE html><html lang="en"><he
复制链接

扫一扫