精华内容
下载资源
问答
  • htmla标签disabled禁用处理

    千次阅读 2020-12-21 14:34:26
    htmla标签禁用问题处理 提示:以下是本篇文章正文内容,下面案例可供参考 一、CSS里的pointer-events属性 现代浏览器里CSS的职责范围和JavaScript的越来越模糊分不清。比如CSS里-webkit-touch-callout属性在iOS里...


    前言

    html的a标签禁用问题处理


    提示:以下是本篇文章正文内容,下面案例可供参考

    一、CSS里的pointer-events属性

    现代浏览器里CSS的职责范围和JavaScript的越来越模糊分不清。比如CSS里-webkit-touch-callout属性在iOS里能禁止当用户点击时弹出气泡框。而本文要说的pointer-events的风格更像JavaScript,它能够:

    1. 阻止用户的点击动作产生任何效果
    2. 阻止缺省鼠标指针的显示
    3. 阻止CSS里的hover和active状态的变化触发事件
    4. 阻止JavaScript点击动作触发的事件

    二、使用步骤

    代码如下(示例):

    <html>
    <body>
    
    <a href="http://www.w3school.com.cn" class="disabled">W3School</a>
    
    </body>
    </html>
    <style>
    a.disabled {
      pointer-events: none;
      filter: alpha(opacity=50); /*IE滤镜,透明度50%*/
      -moz-opacity: 0.5; /*Firefox私有,透明度50%*/
      opacity: 0.5; /*其他,透明度50%*/
    }
    </style>
    

    总结


    这个pointer-events属性有很多可以使用的属性值,但大部分都是针对SVG的:auto, none, visiblePainted*, visibleFill*, visibleStroke*, visible*, painted*, fill*, stroke*, all*, 以及 inherit。
    其中none值能阻止点击、状态变化和鼠标指针变化

    一些需要注意的关于pointer-events的事项:

    1. 子元素可以声明pointer-events来解禁父元素的阻止鼠标事件限制。
    2. 如果你对一个元素设置了click事件监听器,然后你移除了pointer-events样式声明,或把它的值改变为auto,监听器会重新生效。基本上,监听器会遵守pointer-events的设定。
    3. 不要使用pointer-events来屏蔽一些十分关键的触发动作,因为这个样式可以通过浏览器控制台删除掉!

    参考链接

    展开全文
  • 禁用html a标签href

    千次阅读 2012-07-05 14:14:14
    1、 禁用a标签的属性~//无效   &lt;a href='#' disabled = 'true'&gt;上一页&lt;/a&gt;  2、 禁用a标签的javascript写法~//无效   &lt;a href='javascript:void(0)'&gt;&lt;...
    1、 禁用a标签的属性~//无效
     
    <a href='#' disabled = 'true'>上一页</a> 
     
    2、  禁用a标签的javascript写法~//无效
      
    <a href='javascript:void(0)'></a>
     
    3、使用js移除属性href~这个方法才是最可靠最有效的。
    a.removeAttribute("href");//经测试
     
    此外,为其onclick事件绑定return false也是可行的,并且兼容所有浏览器。
     
    <a href="#" οnclick="javascript:XXXX;return false;"></a>
     
    展开全文
  • 时至今日,依然没有找到使用纯css禁用a标签的办法,难道真的必须要借助JavaScript吗?其实不然,方法有很多,下面为大家介绍下通过js、jquey以及css来实现禁用a标签
  • a 标签 禁用

    2015-09-16 15:32:46
    不管是在ext.js还是html中 对a标签禁用都是用disabled=true 但是这样进对button有用 今天看到一文章 用遮罩处理 感觉还行 网址 http://www.yunjuu.com/info/70948.html
       不管是在ext.js还是html中 对a标签的禁用都是用disabled=true 但是这样进对button有用  今天看到一文章 用遮罩处理 感觉还行 网址   http://www.yunjuu.com/info/70948.html 
    
    展开全文
  • 关于禁用htmla标签的思考

    万次阅读 2014-05-12 12:54:36
    其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法——同事、同学、老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗?

           其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法——同事、同学、老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗?

            1、纯css实现html中a标签的禁用:         

                  <html>

                               <head>

                                            <title>如何禁用a标签</title>

                                            <metacontent="text/html; charset=GB2312"http-equiv="Content-Type">

                                            <style type="text/css">

                                                        body{

                                                                       font:12px/1.5 \5B8B\4F53, Georgia, Times New Roman, serif, arial;

                                                       }

                                                      a{

                                                                       text-decoration:none;

                                                                       outline:0 none;

                                                       }

                                                      .disableCss{

                                                                       pointer-events:none;

                                                                       color:#afafaf;

                                                                       cursor:default

                                                       }

                                            </style>

                                  </head>

                         <body>

                                      <aclass="disableCss" href="http://www.baidu.com/">百度</a>

                                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                                     <aclass="disableCss" href="#"οnclick="javascript:alert('你好!!!');">点击</a>

                        </body>

              </html>

             上面虽然使用纯css实现了对a标签的禁用,不过由于opera、ie浏览器不支持pointer-events样式,所以上面代码在这两类浏览器中起不到禁用a标签的作用。

              2、借助Jquery和css实现html中a标签的禁用:

              <html>
                          <head>
                                     <title>02 ——借助Jquery和css实现html中a标签的禁用</title>
                                     <meta content="text/html; charset=GB2312" http-equiv="Content-Type">
                                     <script type="text/javascript" src="./jquery-1.6.2.js"></script>
                                     <script type="text/javascript">
                                                   $(function() {
                                                           $('.disableCss').removeAttr('href');//去掉a标签中的href属性
                                                           $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
                                                   });
                                    </script>
                                    <style type="text/css">
                                                  body {
                                                          font: 12px/1.5 \5B8B\4F53, Georgia, Times New Roman, serif, arial;
                                                  }
                                                 a {
                                                          text-decoration: none;
                                                          outline: 0 none;
                                                 }
                                                .disableCss {
                                                          color: #afafaf;
                                                          cursor: default
                                                 }
                                   </style>
                      </head>
                      <body>
                                   <a class="disableCss" href="http://www.baidu.com/">百度</a>
                                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                   <a class="disableCss" href="#" οnclick="javascript:alert('你好!!!');">点击</a>
                     </body>
             </html>

             这种方式可以兼容所有浏览器,可是混用了JavaScript,这一点恐怕是致命的缺憾!!!

             3、借助Jquery实现html中a标签的禁用:

             <html>
                       <head>
                                   <title>03 ——借助Jquery实现html中a标签的禁用</title>
                                   <meta content="text/html; charset=GB2312" http-equiv="Content-Type">
                                   <script type="text/javascript" src="./jquery-1.6.2.js"></script>
                                   <script type="text/javascript">
                                                $(function() {
                                                             $('.disableCss').removeAttr('href');//去掉a标签中的href属性
                                                             $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
                                                             $(".disableCss").css("font","12px/1.5 \\5B8B\\4F53, Georgia, Times New Roman, serif, arial");
                                                             $(".disableCss").css("text-decoration","none");
                                                             $(".disableCss").css("color","#afafaf");
                                                             $(".disableCss").css("outline","0 none");
                                                             $(".disableCss").css("cursor","default");
                                              });
                                  </script>
                         </head>
                         <body>
                                 <a class="disableCss" href="http://www.baidu.com/">百度</a>
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                 <a class="disableCss" href="#" οnclick="javascript:alert('你好!!!');">点击</a>
                        </body>
            </html>

            上面使用了纯Jquery实现了禁用html中a标签的功能。

             【0分demo下载

    展开全文
  • demo——关于禁用htmla标签的思考.zip,欢迎下载!
  • <a href="JavaScript:void(0)" @click="create_new_wallet">创建新钱包</a>
  • jquery禁用a标签方法1 01 $(document).ready(function () { 02  $("a").each(function () { 03  var textValue = $(this).html()
  • 如何禁用a标签的点击事件

    万次阅读 2019-03-08 15:12:26
    首先说明: a标签 是没有disable 属性的 。 如果想用disable 禁止a标签的点击事件,也是可以实现的; 1、 a标签 要用 disable 属性,必须和 pointer-events属性一起使用 ,例子 如下: HTML 部分代码: &lt;a ...
  • Jquery禁用a标签方法

    千次阅读 2017-07-25 22:31:39
    jQuery禁用a标签方法1 [javascript] view plain copy $(document).ready(function () {   $("a").each(function () {   var textValue = $(this).html();
  • 原生js禁用网站所有a标签的跳转链接   由于一个正在开发的网站需要预览,但是内页还未制作,于是临时把跳转链接禁用一下。 主要代码 let tagA = Array.from(document.getElementsByTagName("a")); tagA.forEach...
  • 按钮与a标签禁用与启用总结

    千次阅读 2015-11-03 21:54:32
    Jquery 按钮的禁用 ("#id")..attr({"disabled":"disabled"}); Jquery按钮的启用 ("#id").removeAttr("disabled"); JavaScript 按钮的禁用 document.getElementById("#id").disabled=true; JavaScript 按钮的...
  • 如何禁用 a 标签的点击事件

    千次阅读 2018-10-18 14:26:00
    a标签是没有disable属性的 ,如果想用disable 禁用a标签的点击事件,也可以实现; 1.a标签要用disable属性,必须和pointer-events属性一起使用, html代码: <a id="test">测试</a> js代码: ...
  • js jquery 禁用a标签 点击事件

    万次阅读 2018-01-26 14:08:02
    jquery禁用a标签方法 $(document).ready(function () { $("a").each(function () { var textValue = $(this).html(); if (textValue == "XX概况" || textValue == "服务导航") { $(this).css("cursor", ...
  • CSS-如何禁用a标签

    2018-05-18 15:14:00
    先明确一点知识: input,button有disabled属性,可以用之达成禁用目的. 然而超链接<a></a>可是没有disabled这一属性的,那么问题就来了: 如何打算让超链接禁止访问和点击,怎么办呢? 办法在这里;::: ...
  • html源码: <a href=“#” id=“gotoPage”>链接<a> js源码: $(“#gotoPage”).attr("disabled",true); //设置成灰色不可点击 $("#gotoPage").css("pointer-events","none"); //设置鼠标事件不...
  • 首先 ,大家要知道: a标签... a标签 要用 disable 属性,必须和 pointer-events属性一起使用 ,例子 如下: HTML 部分代码: &lt;a class="praise"&gt;赞&lt;/a&gt; JS 代码: $(...
  • iphone长按a标签弹窗 禁用;给a标签设置css: -webkit-touch-callout: none; ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='...
  • 但是,如果这个按钮是一个a标签,那disabled属性不再对a标签起作用,因为a标签中没有这个属性。 我当时在项目中碰到这个问题时,着时纠结了半天。后来想到,既然要让这个a标签做成的按钮不能点击,那我先把它的...
  • 禁用页面中的a标签,使其不可跳转

    千次阅读 2019-07-26 14:29:16
    适用于不能修改a标签或是a标签比较多的情况下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">...
  • HTML a标签禁止点击

    2020-10-30 17:23:43
    a标签的样式加上以下属性 <a style="pointer-events: none;"/>
  • 案例1:禁用a标签点击 给a标签设置pointer-events:none样式 &lt;a href="XXX" style="pointer-events:none; opacity: 0.5"&gt;你点击我没反应,哈哈&lt;/a&gt; 但,此时键盘...
  • 法二:div,li禁用方法,添加css的方法: style="pointer-events: none;" 或 $(this).css("pointer-events", "none"); 法三:防止链接打开 URL: $("a").on("click", function(event) { console.log(...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,889
精华内容 20,755
关键字:

a标签html禁用