jQuery事件

最新推荐文章于 2024-07-21 10:17:51 发布

林代码er

最新推荐文章于 2024-07-21 10:17:51 发布

阅读量38

点赞数

分类专栏： linerjs 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/m0_71088505/article/details/128485661

版权

linerjs 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

事件：鼠标事件，键盘事件，其他事件

鼠标事件：

获取鼠标当前坐标：

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <style>
        #divMove{
            width: 500px;
            height: 500px;
            border: 1px red solid;
        }
    </style>
</head>
<body>
<!--要求：获取鼠标当前的一个坐标-->
mouse:<span id="mouseMove"></span>
<div id="divMove">
在这里移动试试
</div>
<script>
    //当网页元素加载完毕之后，相应事件
    // $(document).ready(function (){
    //
    // })
    $(function (){
        $('#divMove').mousemove(function (e){
            $('#mouseMove').text('x:'+e.pageX+'y:'+e.pageY)
        })
    });
</script>
</body>