以下代码执行后输出结果为(      )? <div id="box1">     <div id="box2">         content     </div> </div> <script>     const $ = document.querySelector.bind(document);     const box1 = $(‘#box1’);     const box2 = $(‘#box2’);          box1.addEventListener(‘click’, () => {     console.log(‘box1 true’);     }, true);          box1.addEventListener(‘click’, () => {     console.log(‘box1 false’);     }, false);          box2.addEventListener(‘click’, () => {     console.log(‘box2 true’);     }, true);          box2.addEventListener(‘click’, () => {     console.log(‘box2 false’);     }, false); </script>-笔试面试资料

这是qklbishe.com第12071 篇笔试面试资料
提供答案分析,通过本文《以下代码执行后输出结果为(      )?
<div id="box1">
    <div id="box2">
        content
    </div>
</div>
<script>
    const $ = document.querySelector.bind(document);
    const box1 = $(‘#box1’);
    const box2 = $(‘#box2’);
    
    box1.addEventListener(‘click’, () => {
    console.log(‘box1 true’);
    }, true);
    
    box1.addEventListener(‘click’, () => {
    console.log(‘box1 false’);
    }, false);
    
    box2.addEventListener(‘click’, () => {
    console.log(‘box2 true’);
    }, true);
    
    box2.addEventListener(‘click’, () => {
    console.log(‘box2 false’);
    }, false);
</script>-笔试面试资料》可以理解其中的代码原理,这是一篇很好的求职学习资料
本站提供程序员计算机面试经验学习,笔试经验,包括字节跳动/头条,腾讯,阿里,美团,滴滴出行,网易,百度,京东,小米,华为,微软等互联网大厂真题学习背诵。

答案:
以下代码执行后输出结果为(      )?
<div id="box1">
    <div id="box2">
        content
    </div>
</div>
<script>
    const $ = document.querySelector.bind(document);
    const box1 = $(‘#box1’);
    const box2 = $(‘#box2’);
    
    box1.addEventListener(‘click’, () => {
    console.log(‘box1 true’);
    }, true);
    
    box1.addEventListener(‘click’, () => {
    console.log(‘box1 false’);
    }, false);
    
    box2.addEventListener(‘click’, () => {
    console.log(‘box2 true’);
    }, true);
    
    box2.addEventListener(‘click’, () => {
    console.log(‘box2 false’);
    }, false);
</script>

以下代码执行后输出结果为(      )?   &lt;div id=&quot;box1&quot;&gt;       &lt;div id=&quot;box2&quot;&gt;           content       &lt;/div&gt;   &lt;/div&gt;   &lt;script&gt;       const $ = document.querySelector.bind(document);       const box1 = $('#box1');       const box2 = $('#box2');              box1.addEventListener('click', () =&gt; {       console.log('box1 true');       }, true);              box1.addEventListener('click', () =&gt; {       console.log('box1 false');       }, false);              box2.addEventListener('click', () =&gt; {       console.log('box2 true');       }, true);              box2.addEventListener('click', () =&gt; {       console.log('box2 false');       }, false);   &lt;/script&gt; 止醉
addEventListener的第三个参数规定事件在什么阶段触发,true是在捕获阶段触发,false(默认值)在冒泡阶段触发,由于事件触发是自dom从外向内传播,考虑box1和box2是上下堆叠的玻璃,光传过box1和box2到达后反射回来,光穿过的的顺序为box1 ->box2(捕获结束) -> box2->box1(冒泡结束)
2021-05-20 21:20:12 回复(0)

文章部分来自互联网,侵权联系删除
www.qklbishe.com

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » 以下代码执行后输出结果为(      )? <div id="box1">     <div id="box2">         content     </div> </div> <script>     const $ = document.querySelector.bind(document);     const box1 = $(‘#box1’);     const box2 = $(‘#box2’);          box1.addEventListener(‘click’, () => {     console.log(‘box1 true’);     }, true);          box1.addEventListener(‘click’, () => {     console.log(‘box1 false’);     }, false);          box2.addEventListener(‘click’, () => {     console.log(‘box2 true’);     }, true);          box2.addEventListener(‘click’, () => {     console.log(‘box2 false’);     }, false); </script>-笔试面试资料

提供最优质的资源集合

立即查看 了解详情