JavaScript习题（有两个嵌套的冒泡模型，找出点击事件的源对象，在控制台打印出来）

中国的流浪猫

于 2020-06-30 21:35:09 发布

阅读量93

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46611729/article/details/107051133

版权

以下是html页面的代码：

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

<head>
    <meta charset="UTF-8">
    <title>中国的流浪猫</title>
    <link rel="stylesheet" type="text/css" href="regality.css">
</head>

<body>
    <div class="wrapper" style="width: 400px;height: 400px;background-color: red">
        <div class="box" style="width: 100px;height: 100px;background-color: yellow"></div>
    </div>
    <script type="text/javascript" src="lesson.js">
    </script>
</body>

</html>

以下是JavaScript页面的代码：

var wrapper = document.getElementsByClassName('wrapper')[0];
var box = document.getElementsByClassName('box')[0];

wrapper.onclick = function(e) {
    var event = e || window.event;
    var target = event.target || event.srcElement;
    console.log(target);
}

中国的流浪猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript习题（有两个嵌套的冒泡模型，找出点击事件的源对象，在控制台打印出来）

以下是html页面的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国的流浪猫</title> <link rel="stylesheet" type="text/css" href="regality.css"></head><body> <div cl
复制链接

扫一扫