zoukankan      html  css  js  c++  java
  • 去掉超链接点击后的虚线框

    1.对于单个或少量的链接

    <a href="" onfocus="this.blur()">我是一个超链接</a>

    2.批量去掉虚线框

    使用Js方法:

    <script type="text/javascript">

    var __aObj=document.getElementsByTagName("a");

    var __length=__aObj.length;

    for(var i=0;i<__length;i++){

       __aObj[i].onfocus=function(){this.blur();}
      
    }
    </script>

    或者

    <script>

    var objAs = document.getElementsByTagName("A");

    var objA;

    for(var i=0;objA = objAs[i];i++){

    objA.onfocus=function(){this.blur()};

    }

    </script>

    使用css方法:

    :focus { outline: none; }//针对Firfox
    a,area { blr:expression(this.onFocus=this.blur()) }//针对IE

    不是非常需要,一般不建议使用expression,因为expression对浏览器资源要求比较高。


    3.Jquery 方法

    $(document).ready(

      function(){

        $(”a”).bind(”focus”,function(){if(this.blur)this.blur();});

      });

  • 相关阅读:
    进度条加载
    插件
    倒计时
    阿里云oss教程
    拖拽排序插件 ---- Dragula
    预览图片代码
    Error: spawn xxxx ENOENT原因与解决
    关于环境配置的随笔
    js下载文件
    QuickStart系列:docker部署之redis
  • 原文地址:https://www.cnblogs.com/lyk831216/p/1504962.html
Copyright © 2011-2022 走看看