a标签添加点击事件导致效果失效

有时候给a标签添加点击事件会引起页面刷新导致点击事件看不到效果,但是会看到一瞬间的闪现,打断点调试可以观察到,点击事件之后,页面又刷新了


原因:a标签的href会导致默认的页面跳转事件,如果为空值,就会刷新页面,所以就会出现上述的问题。可以改为href=’#’或者href=”JavaScript:;”等。

或者使用e.preventDefault();解决。

解决方法给函数内部添加return  false;

原文地址:https://www.cnblogs.com/sunsie/p/6049714.html