todo

在jQuery中可以这样使用

$(document).on('click scroll',function(){

})

$('.selector').on('click',function(){

})

可以看到jQuery的用法

不需要new，那么麻烦了
可以同时绑定多个事件，只需要使用空格分隔

在delegateify中也可以实现类似的用法

delegateify(document).on('click scroll',function(){

})

delegateify('.selector').on('click',function(){

})

目前的使用方式，也不是不能用，等有空了，再支持吧，记录一下，免得忘记了

Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See

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

<head>
    <title>Home</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
</head>

<body>
    <script src="https://unpkg.com/delegateify@latest/dist/delegateify.min.js"></script>

    <div class="box">
        <div>dsada</div>
        <button>btn</button>
    </div>

    <script>


        new Delegateify('.box').on(
            'touchstart',
            `button`,
            function (event) {
                console.log('touchstart');
            }
        )

        // document.querySelector('button').addEventListener('touchstart', function (event) {
        //     console.log('touchstart22');
        // }, {
        //     passive: true
        // })

    </script>
</body>

</html>