V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
MinonHeart
V2EX  ›  JavaScript

这段代码会无限循环吗?

  •  
  •   MinonHeart · 2017-03-01 12:31:56 +08:00 · 2429 次点击
    这是一个创建于 2823 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
    </head>
    <body>
    
    <h1>Test</h1>
    <p>点击这个试一下</p>
    
    <script>
        var h = document.querySelector('h1');
        var p = document.querySelector('p');
        
        h.addEventListener('click', function () {
            console.log('h1');
        });
        
        p.addEventListener('click', function () {
            console.info('clicked');
            p.click();
            p.click();
            p.click();
            p.click();
            h.click();
        });
        
        p.click();
    </script>
    
    </body>
    </html>
    

    打开页面的时候会无限循环吗? 手动点一下 p 标签会无限循环吗?

    3 条回复    2017-03-01 15:59:00 +08:00
    xialdj
        1
    xialdj  
       2017-03-01 12:45:30 +08:00 via iPhone
    这么简单的代码 你运行试试看就知道了啊
    xingo
        2
    xingo  
       2017-03-01 12:53:05 +08:00
    不会,但是 setTimeout(()=>{ p.click() },0) 会哦
    aogg
        3
    aogg  
       2017-03-01 15:59:00 +08:00
    不会,递归触发事件貌似有最大次数限制
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1248 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:50 · PVG 01:50 · LAX 09:50 · JFK 12:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.