jQuery — 非登录状态拦截当前页面所有href跳转

需求描述:

目前首页超链接较多,并且全部都是登录状态下才能使用的,现在在赶项目进度的情况下,决定采取当前方法:在用户点击超链接的时候,先判断否定登录,登录则不操作,不登录则不响应跳转事件,然后弹出登录窗。


var user_id = "<? echo $_SESSION['userid'];?>";
console.log("user:" + user_id);

//未登录
if(user_id === '' || user_id === 'null'){
    var links = document.querySelectorAll('a')
    Array.prototype.forEach.call(links, function (link) {
        link.addEventListener('click', function (evt) {
            //通知浏览器不要执行与事件关联的默认动作
            evt.preventDefault();
            $("#login-tip").css("display","");
        })
    })
}