jquery，事件委托的一个误区

最新推荐文章于 2025-07-13 06:04:57 发布

原创最新推荐文章于 2025-07-13 06:04:57 发布 · 450 阅读

1 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

30 篇文章

订阅专栏

本文探讨了在前端开发中，如何正确处理底部选项卡的点击事件，详细解释了使用jQuery监听'a'标签点击事件的方法，并说明了如何通过'this'关键字而非'ev.target'来准确获取被点击元素的ID，进而实现不同页面标题的动态切换。

// 底部选项卡点击事件
        $('#bottomTabs').on('tap', 'a', function (ev) {
            // 一直想着用下面这种方式获取a标签上的id,一直获取不到；原因：a标签里面是有多个元素的，ev.target是指当前点击对象，而不是监听的a标签；this才是
            // var targetId = ev.target.id; 
            var targetId = this.id; 
            switch (targetId) {
                case 'homeBtn':
                    document.title = '首页';
                    break;
                case  'meBtn':
                    document.title = '个人中心';
                    break;
            }


        });