JavaScript 绑定事件

最新推荐文章于 2021-09-06 17:13:38 发布

原创最新推荐文章于 2021-09-06 17:13:38 发布 · 452 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

12 篇文章

订阅专栏

本文展示了一个简单的HTML页面如何使用JavaScript添加交互功能。通过监听鼠标悬停事件并在控制台打印坐标，演示了基本的DOM操作及事件处理。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="tuersday" style="width: 20rem;height: 20rem;background-color: rosybrown;">
    dainwoa
</div>
<script>
    var tuersday= document.getElementsByClassName('tuersday')[0];
    var clickNow = function(event) {
        console.log(event.screenX +"  "+ event.screenY);
    }
    tuersday.addEventListener("mouseover", clickNow,false);
//    tuersday.removeEventListener("mouseover", clickNow,false);

</script>
</body>
</html>