JavaScript中，执行事件步骤

原创已于 2022-03-08 21:23:14 修改 · 220 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webview #html

于 2022-03-08 21:21:08 首次发布

js学习积累专栏收录该内容

62 篇文章

订阅专栏

这篇博客介绍了一个简单的JavaScript点击事件的实现。通过选取页面上的div元素，然后绑定onclick事件，当用户点击该div时，会在浏览器控制台输出'我被选中了'。这展示了基本的DOM操作和事件监听在前端开发中的应用。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>123</div>
    <script>
        //执行事件步骤
        //点击div 控制台输出 我被选中了
        //1.获取事件源
        var div = document.querySelector('div');
        //2.绑定事件 注册事件
        // div.onclick
        //3.添加事件处理程序
        div.onclick = function(){
            console.log('我被选中了');
        }
    </script>
</body>

</html>