将鼠标悬停在模式链接上时隐藏浏览器状态栏上的链接

Posted 2023-04-18

【中文标题】将鼠标悬停在模式链接上时隐藏浏览器状态栏上的链接

【英文标题】：Hiding links on browser's statusbar when you mouseover on links for modals

【发布时间】：2020-12-26 14:45:08

【问题描述】：

我正在尝试禁用雕像栏中的鼠标高亮显示。我已经写了这段 JS 代码。它工作正常。但是问题在于 Bootstrap 3 模态它们被破坏并且无法正常工作我应该如何修改代码？有什么想法吗？

   $(document).ready(function () 
          setTimeout(function () 
               
                $('a[href]').each(function () 
                    var href = this.href;
    
                    $(this).removeAttr('href').css('cursor', 'pointer').click(function () 
                        if (href.toLowerCase().indexOf("#") >= 0) 
    
                         else 
                         window.location.href = href;
                        
                    );
                );
    
          , 500);
    );

谢谢你，

【问题讨论】：

“我正在尝试禁用鼠标悬停在雕像栏中的突出显示。” - 为什么？你希望通过这个实现什么目标？

当我用户将鼠标悬停在我网站上的任何链接上时，我想隐藏状态栏中显示的 HREF 链接。

我没有要求重复你已经说过的话，我问的是为什么你会想要这个。为什么用户不应该看到您的链接指向的内容？

我在我的网络应用项目中使用 codeigniter。我想隐藏控制器、函数和段名称。我知道路由类，因为我的应用程序的某些部分与路由发生冲突。

“我想隐藏控制器、函数和段名” - 但是为什么？如果用户在哪里看到这些，世界究竟会如何结束？

【参考方案1】：

将此添加到您的 CSS 中：

a[href] 
  cursor: auto !important;

【讨论】：

使用检查菜单，查看引导程序应用的样式，并使用您自己的带有 !important 标签的 CSS 覆盖它们