zepto tap方法中设置event.preventDefault 不起作用?

发布于 2022-09-02 14:09:18 字数 217 浏览 22 评论 0

执行完方法之后,a标签还是跳转了。
我该如何在通过js控制。(不在html中控制)

$('.size-list').on('tap', 'li a', function(event) {
            event.preventDefault();
            $(this).addClass('active');
        });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

小糖芽 2022-09-09 14:09:18

阻止默认行为,不要作用在tap事件上,tap事件底层是touch相关的事件。
应该阻止在click上,a跳转的行为应该是在click上的,因为以前是没有touch事件的,不排除以后或者有的浏览器a跳转的处理的底层是在touch事件上的(个人觉得可能性不大,跳转操作是有延时的)。

你阻止默认行为在touch事件上,自然而然是阻止不了a跳转相关的默认行为的。

所以,你应该调整代码为:

$('.size-list').on('click', 'li a', function(event) {
    event.preventDefault();
    $(this).addClass('active');
});

多说一句,对于移动端,因为推荐使用touch相关的事件,而不是click事件。对于这种连接处理,我一般不通过href来处理,而是自定义data-href的方式来处理(前提是,需要对操作进行处理的情况哈)。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文