隐藏链接在状态栏的提示

当鼠标在链接上有事件触发时,将状态栏的文本设置为空白或者其它文本就行了。

 

甲、通过捕获链接上的事件,设置状态栏信息:

function hideinfo(){
    if(event.srcElement.tagName=="A"){//如果触发函数的对象是链接
        //设置状态栏的显示为链接的文本
        window.status=event.srcElement.innerText
    }
}
document.οnmοuseοver=hideinfo; //鼠标移上时调用 hideinfo 函数
document.οnmοusemοve=hideinfo; //鼠标移动时调用 hideinfo 函数
document.οnmοusedοwn=hideinfo; //鼠标按下时调用 hideinfo 函数 

 

乙、通过改变链接真实地址来隐藏提示信息:

var temp_url                     
function hideinfo(){
    var obj=event.srcElement; //捕获触发事件的对象
    if(obj.tagName=="A"){ //如果对象是链接
        /*如果触发函数的事件是 onmouseover ,将链接地址赋予全局变量temp_url 后设置链接的地址为链接的文字,这样在鼠标移上时状态栏的提示信息将是 "当前页地址(不包含文件名)+触发事件的链接对象的文本",达到了隐藏真实地址的目的*/
        if(event.type=="mouseover"){
            temp_url=obj.href;
            obj.href=obj.innerText
        }     
        //在单击链接时用window.open 方法打开窗口,窗口目标根据链接的 target 属性值而定
        if(event.type=="click"){
            window.open(temp_url,obj.target==""?"_self":obj.target);
            return false
        } 
        //鼠标移开后复原链接
        if(event.type=="mouseout"){
            obj.href=temp_url;
            temp_url=null;
        }
    }
}
document.οnmοuseοver=hideinfo; //鼠标移上时调用 hideinfo 函数
document.οnmοuseοut=hideinfo; //鼠标移开时调用 hideinfo 函数
document.οnclick=hideinfo; //鼠标单击时调用 hideinfo 函数 
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值