javascript - zepto tap方法中设置event.preventDefault 不起作用？

问题描述

问 题

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

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

解决方案

阻止默认行为，不要作用在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的方式来处理(前提是，需要对操作进行处理的情况哈)。

这篇关于javascript - zepto tap方法中设置event.preventDefault 不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！