如何隐藏a标签悬浮时浏览器左下角会出现链接地址

生活记忆单元
预计阅读时长 3 分钟
位置: 首页 Zblog网站 正文

 最近的项目开发中遇到一个这样的要求:当鼠标放在a标签上时,隐藏掉浏览器左下角显示的跳转界面地址。通过实践发现不能通过css实现(可能是我技术不够),所以就通过js实现了一下,写本篇博文进行记录。

通常情况

        通常我们使用a标签都是这样使用的(如下代码):

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>如何隐藏鼠标放在A标签上时浏览器左下角显示的跳转界面地址</title>
<body>
 
<a href="http://www.baidu.com" >A标签跳转</a>
 
</body>
</html>


        这样使用当鼠标放在a标签上时,浏览器左下角显示www.baidu.com。

如何改进

        由于会有很多个A标签,故而我们通过封装函数进行实现。

下面为改进方法:


隐藏内容:

请登录购买后查阅
文章版权声明:除非特别注明,否则均为生活记忆单元原创文章,转载或复制请以超链接形式并注明出处。
文章地址: https://www.lifemu.cn/post/891.html
-- 展开阅读全文 --
头像
营养快手菜:又滑又嫩肉饼蒸蛋
« 上一篇 2022-09-30
2022年国庆节莫干山民宿携宠游
下一篇 » 2022-10-10
取消
微信二维码
支付宝二维码

发表评论

暂无评论,413人围观

站长推荐

1
2
3

管理员简介

标签列表

目录[+]