zoukankan      html  css  js  c++  java
  • 去除链接虚线

    高级办法,全局控制

    遍历实现

    window.onload=function()
    {
     for(var ii=0; ii<document.links.length; ii++)
     document.links[ii].onfocus=function(){this.blur()}
    }

    将其封装为一个函数

    function fHideFocus(tName){
    aTag=document.getElementsByTagName(tName);
    for(i=0;i<aTag.length;i++)aTag[i].hideFocus=true;
    //for(i=0;i<aTag.length;i++)aTag[i].onfocus=function(){this.blur();};
    }

    当前是添加一个hidefocus的属性,注释掉的句子是添加onfucus=this.blur();
    然后调用

    fHideFocus("A");

    即可把a的虚线框去掉

    通过传递不同的参数 可以去掉更多的虚线框 比如"BUTTON"可以去掉button的
    但要记住参数要用大写字母

    应用技巧及疑问

    A. map area内链接如何消除链接虚线?

    这是一个观念上的错误,其实应该在所在map的图片上加以控制,而不是在area内,参考传统办法

    B. 关于onFocus

    <a href=“http://blog.csdn.net/alonesword/“ onFocus="this.blur()"> 
    <Img Src="Example.jpg" Border=0> 
    </a>

    其中,onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用;Border=0 这个才是去除虚线框的关键所在(在网上看到有的人用onFocus=“this.blur()“来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的)

  • 相关阅读:
    js常见函数使用
    js数组与函数
    移动端响应式布局
    移动开发之rem布局
    移动flex布局
    移动流式布局
    [剑指offer] 矩阵覆盖
    [剑指offer] 变态跳台阶
    [剑指offer] 跳台阶
    [剑指offer] 斐波那契数列
  • 原文地址:https://www.cnblogs.com/enone/p/3046785.html
Copyright © 2011-2022 走看看