小编TjB*_*TjB的帖子

禁用浏览器状态栏文本

背景

现代浏览器取消了经典状态栏,而是在窗口底部绘制一个小工具提示,显示悬停/焦点上的链接目标.

以下屏幕截图中说明了这种情况(在我的情况下是不受欢迎的)行为的示例:

http://i.imgur.com/0dAxc.png


问题

  1. 是否有可移植的方法来禁用这些工具提示?
  2. 在特殊情况下,我是否遗漏了任何明显的缺点?
  3. 我的尝试(见下文)是否是实现这一目标的合理方式?

推理

我正在研究一个Intranet Web应用程序,并且想要针对某些特定于应用程序的操作禁用此行为,因为坦率地说,https://server/#到处都是看起来像眼睛疼痛并且是突兀的,因为在某些情况下我的应用程序在该位置绘制自己的状态栏.


我的尝试

我不是一个网络开发者,所以我的知识在这个领域仍然相当有限.

无论如何,这是我对jQuery的尝试:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Target Tooltip Test</title>
    <style>
      a, span.a {
        color: #F00;
        cursor: pointer;
        text-decoration: none;
      }

      a:hover, span.a:hover {
        color: #00F;
      }

      a:focus, span.a:focus {
        color: #00F;
        outline: 1px dotted;
      }
    </style>
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script>
      $(document).ready(function() {
        patch();
      });

      function patch() {
        $('a').each(function() {
          var $this = $(this).prop('tabindex', 0);

          if($this.prop('href').indexOf('#') == -1 || $this.prop('rel').toLowerCase() == 'external') {
            return;
          }

          var …
Run Code Online (Sandbox Code Playgroud)

javascript html5 cross-browser statusbar suppress

13
推荐指数
1
解决办法
8956
查看次数

标签 统计

cross-browser ×1

html5 ×1

javascript ×1

statusbar ×1

suppress ×1