精华内容
下载资源
问答
  • a标签设置为不可点击 <div style="pointer-events: none;"> <a href="www.baidu.com">百度一下</a> </div> 給div添加了pointer-events: none样式后,div里面的所有点击事件都不会...

     把a标签设置为不可点击

     
    <div style="pointer-events: none;">
        <a href="www.baidu.com">百度一下</a>    
    </div>

    給div添加了pointer-events: none样式后,div里面的所有点击事件都不会被触发

    鼠标放上去让div变成小手样式

    cursor:hand :IE完全支持。在firefox是不支持的,没有效果
    cursor:pointer :firefox是支持的,但IE5.0既之前版本不支持,IE6开始支持。是CSS2.0的标准

    方式一

    <div style="cursor:pointer;">小手样式</div>

     方式二

    <div id="handStyle">小手样式</div>
    
    
    #handStyle:hover {
        cursor:pointer
    }
    cursor的其他取值
    描述
    url

    需使用的自定义光标的 URL

    注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标

    default默认光标(通常是一个箭头)
    auto默认(浏览器设置的光标)
    crosshair光标呈现为十字线
    pointer, hand光标呈现为指示链接的指针(一只手)
    move某对象可被移动,移动光标
    vertical-text水平I形光标
    no-drop不可拖动光标
    not-allowed无效光标
    all-scroll三角方向标
    e-resize矩形框的边缘可被向右(东)移动
    ne-resize矩形框的边缘可被向上及向右移动(北/东)
    nw-resize矩形框的边缘可被向上及向左移动(北/西)
    n-resize矩形框的边缘可被向上(北)移动
    se-resize矩形框的边缘可被向下及向右移动(南/东)
    sw-resize矩形框的边缘可被向下及向左移动(南/西)
    s-resize矩形框的边缘可被向下移动(南)
    w-resize矩形框的边缘可被向左移动(西)
    text文本,I形光标
    wait程序正忙(通常是一只表或沙漏)等待光标
    help可用的帮助(通常是一个问号或一个气球),帮助光标
    展开全文
  • <a href=“#” id=“gotoPage”>链接<a> js源码: $(“#gotoPage”).attr("disabled",true); //设置成灰色不可点击 $("#gotoPage").css("pointer-events","none"); //设置鼠标事件不可用 ...

    html源码:

    <a href=“#” id=“gotoPage”>链接<a>

    js源码:

    $(“#gotoPage”).attr("disabled",true); //设置成灰色不可点击
    $("#gotoPage").css("pointer-events","none");  //设置鼠标事件不可用

     

    展开全文
  • a标签置灰不可点击

    万次阅读 2016-05-06 17:30:45
    a标签的title属性可以实现鼠标放上去显示信息的功能<a title="编辑" href ="javascript:return false;" onclick="return false;" style="cursor: default;"><i class="edit" style="opacity: 0.2"></i></a>加入href ...

    a标签的title属性可以实现鼠标放上去显示信息的功能

    <a title="编辑"  href ="javascript:return false;" onclick="return false;" style="cursor: default;"><i class="edit" style="opacity: 0.2"></i></a>

    加入href =”javascript:return false;” 可以实现不可点击功能
    加入style=”opacity: 0.2”可以实现变灰的效果

    展开全文
  • a标签设置成灰色且点击跳转

    千次阅读 2019-08-01 16:41:02
    <a style="text-decoration: none; cursor: default;..." title="置灰不可点击"; target="_Blank">置灰不可点击</a> text-decoration: none; ----> 实现没有a标签的下斜线 cursor: de...
    <a style="text-decoration: none; cursor: default; opacity: 0.2"
        href="javascript:;" title="置灰不可点击"; target="_Blank">置灰不可点击</a>

    text-decoration: none; ----> 实现没有a标签的下斜线

    cursor: default; ----> 让鼠标变成箭头形式【auto 输入形式;crosshair 十字叉形式;move 移动文件形式;pointer 小手形式;wait 正在加载形式】

    opacity: 0.2; ----> 设置元素的不透明度

    href =”javascript:return false;” --> 实现不可点击功能

    href=”javascript:void(0)”【伪协议】--> 实现不可点击功能

    href="javascript:;" --> 实现不可点击功能

    title="置灰不可点击"; ----> 当鼠标放上去显示置灰不可点击信息

    target="_Blank"; ----> 在新窗口打开链接【_Self 在自身打开;_Parent 在父窗口打开;_Top 在顶层窗口打开】

    展开全文
  • HTML的a标签置灰不可点击

    千次阅读 2020-11-13 09:03:58
    按钮 <a title="编辑" href ="javascript:return false;" onclick="return false;...” 可以实现不可点击功能 style=”opacity: 0.2”可以实现变灰的效果 长度 <a title="编辑" href...
  • 一个选课系统,里面后端判断此课程是否已经选过, 后端传给前端的参数中有一个Boolean choose的属性,根据此属性,前端展示是否将按钮置灰不可点击。 layui官网按钮。 ...
  • 点击 绑定 解除 //点击操作 $("#dianji").bind("click",function(){ test($(this)); }); function test(obj){ alert( 11111); } $("#bangding").bind("click",function(){ var obj = $("#dianji");...
  • 一、让a标签点击跳转可以设置成 1.&lt;a href="javascript:void(0);" &gt;javascript:void(0);&lt;/a&gt;  2.&lt;a href="javascript:;" &gt;javascript:;&lt...
  • a标签点击不起作用的解决方案

    万次阅读 2018-09-09 16:01:35
    设置height/width并设置为绝对定位将其放在里层a标签的位置,通过调整里层a标签及外层a的z-index大小,使得鼠标能正确选中a标签; 由于产品要求兼容到IE8,所以公司目前使用的是这种方案: 这样通过改变外层a...
  • 移动端访问页面时,a标签点击之后,被点击的那一项背景变灰了,但是手指移开之后并未恢复之前的颜色原因很简单:我用的是hover事件改变背景色,改成active就可以了。
  • HTML a标签禁止点击

    万次阅读 2019-09-04 15:46:25
    a标签的样式加上以下属性 <a style="pointer-events: none;"/>
  • “饮料酒水”是一个a标签a标签的href就是图中的url,而我标红的那串数字就是"饮料酒水"的id。我给相应的span也加上了统一的id——也是这串数字。这样,如果我们获取url里的这串id数字,就能用这个id找到我需要显示...
  • js设置a标签href跳转 禁止跳转

    万次阅读 2017-04-24 19:56:47
    http://www.cnblogs.com/lipanpan/p/4095524.html1.方法当页面中a标签不需要任何跳转时,从原理上来讲,分如下两种方法:1.标签属性href,使其指向空或不返回任何内容。如:<a href="javascript:void(0);" >点此无...
  • 今天写代码时,遇到要通过点击别的按钮触发 a 标签点击事件问题,花了点时间才解决,记录一下 用js 实现:  只需在触发事件中直接加入下列代码即可,其中ID即为a 标签的ID  document.getElementById("ID...
  • 当一个页面有多个a标签,且点击后会跳转至新页面,如何实现被点击标签变色突出显示,其他标签回复原色呢? 利用JS实现: 1. 给a标签ID设值:  "" "" "" 2. 写JS方法: &(document).ready(function(){ ...
  • html中如何实现a标签点击事件

    万次阅读 2017-06-14 14:03:11
    a标签定义超链接,用于从一张页面链接到另一张页面,它最重要的属性是 href 属性,它指示链接的目标。<a href="http://www.w3school.com.cn">W3School</a>最常用的就像这样添加一个链接,如果...
  • $("input").attr('readonly', true); $("textarea").attr('readonly', true); $(':radio').attr('disabled', true); $(':checkbox').attr('disabled', true); $(':button').attr('disabled', true...$('a').remove...
  • a标签禁止点击的方法

    万次阅读 2017-10-24 17:16:55
    a标签禁止点击的两个方法
  • 在第一页的时候,上一页依然是一个可点击的状态。 于是开始想解决办法 页面中,上下页都套用了bootstrap中分页的“disabled” 的class,这个class具体一个小小的禁止标志。翻页的时候,在页面中间时,上一页和...
  • 今天在写自动化脚本进行元素定位时,在定位一个a标签时,明明已经定位到了这个元素,但是死活不能点击,提示元素不可交互,搞了半天没找到问题,后来搜了一下,结果感人! driver.find_element_by_xpath("//a...
  • <a href="javascript:;" onclick="change()" id="change" style="float: left; ">更换车款</a> function change(){ $("#showdialog").css("display","none"); $(".mask").css("display","none"); ...
  • 首先 ,大家要知道: a标签 是没有disable 属性的 , 如果想用disable 禁止a标签点击事件,也是可以实现的;往下看1. a标签 要用 disable 属性,必须和 pointer-events属性一起使用 ,例子 如下: HTML 部分...
  • 本文写了一个很简单的小控件,可以自动筛出一段文字中嵌入的html中的<a>标签,并可以设置相应的点击事件展示在Android textView上
  • a标签点击跳转新页面的指定位置

    千次阅读 2017-03-18 17:10:27
    a标签点击跳转新页面的指定位置
  • 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", ...
  • ``` ... $(".nav li a").click... <li><a href="#"><asp:Label ID="Label1" runat="server"></asp:Label></a> <li><a href="../Login.aspx" target="_parent"">退出</a> ```

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 191,005
精华内容 76,402
关键字:

a标签设置为不可点击