会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132911个问题
JAVA 全系列/第一阶段:JAVA 快速入门/数组和数据存储 14776楼
Python 全系列/第七阶段:网页编程基础/html5 14777楼
Python 全系列/第一阶段:Python入门/函数和内存分析 14778楼
Python 全系列/第七阶段:网页编程基础/JavaScript 14781楼
JAVA 全系列/第一阶段:JAVA 快速入门/变量、数据类型、运算符 14782楼

wsk.rar

老师:我的IDEA这个页面上没有 Allow parellel run,不知道在哪儿啊?


JAVA 全系列/第二阶段:JAVA 基础深化和提高/网络编程(旧) 14783楼
JAVA 全系列/第八阶段:Linux入门到实战/Maven 14784楼
Python 全系列/第五阶段:数据库编程/mysql的使用 14785楼
Python 全系列/第五阶段:数据库编程/mysql的使用 14786楼
Java架构课程/第八阶段:搜索服务/Elasticsearch 14787楼

<!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>22</title>
    <style>
        .div1{
            width: 400px;
            height: 400px;
            background-color: orange;
            position: relative;
        }
        .div2{
            width: 100px;
            height: 100px;
            /* padding: 150px; */
            position: absolute;
            left:150px;
            top: 150px;
            background-color: orangered;
        }
    </style>
</head>
<body>
    <div class="div1">
        <div class="div2"></div>
    </div>

    <script>
        var div1=document.querySelector('.div1');
        var div2=document.querySelector('.div2');
function test1(){
    console.log('div1事件发生在'+event.currentTarget.className);
    console.log('div1事件触发者'+event.target.className);
}
function test2(){
    console.log('div2事件发生在'+event.currentTarget.className);
    console.log('div2事件触发者'+event.target.className);
}
div1.addEventListener('click',test1,true);
div2.addEventListener('click',test2,true)

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

老师为什么不能改成捕获传递  我点击大的div1,test2()方法第一次就可被调用   再刷新后点击反应了?

WEB前端全系列/第二阶段:JavaScript编程模块/浏览器模型(BOM) 14788楼

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .items{
            height: 450px;
            padding: 10px;
            background-color: bisque;
            box-sizing: border-box;
            float: left;
        }
        .items>div{
            width: 100%;
            height: 100%;
            background-color: cadetblue;
        }
        @media screen and (max-width: 768px){
            .items{
                width: 50%;
            }
        }
        @media screen and (min-width: 768px) and (max-width: 992px) {
            .items{
                width: 33.33%;
            }
        }
        @media screen and (min-width: 768px){
            .items{
                width: 25%;
            }
        }
    </style>
</head>
<body>
<div class="box">
    <div class="items">11234564631</div>
    <div class="items">2</div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
    <div class="items"></div>
</div>
</body>

image.png

老师为什么。items里的div没有变颜色呢

WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS盒子模型 14790楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637