JavaScript 绑定事件

原创于 2016-01-19 13:52:09 发布 · 440 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

12 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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