为新元素创建侦听器

时间:2016-10-09 06:41:16

标签: javascript jquery

我想对类box的每个元素执行操作,但我不想等待文档加载。

我宁愿设置一个能够动态捕捉这个类的所有新元素的监听器。

<script src="js.js"></script>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

如果不在$.ready内使用js.js,我该怎么办?

我认为在jQuery中它会是这样的:

$(document).on("load", '.box', myfunc);

但如何在普通的JS中实现呢?

1 个答案:

答案 0 :(得分:-2)

最简单且特定的方式是使用原生load事件。

<html>
    <head>
        <title>Simplest version with native</title>
        <script>
            window.addEventListener('load', function(){
                alert('Do what ever you want!');
                var boxes = document.querySelectorAll('.box');
                // Do what you want with boxes
            }, false);
        </script>

    </head>
    <body>
        <div id='box1'></div>
    </body>
</html>