实现a标签按钮完全禁用【转】

前言

最近在开发时遇见一个问题

我们知道a标签是没有disabled属性的，那么如何实现a标签按钮的禁用呢?

转换一下思维，设置disabled属性的元素表现为不能点击、无法获得光标焦点，那么我们不用disabled属性实际上也可以达到同样的效果！

方法一：移除点击事件click或touchend

我们可以直接使用jquery：unbind()或者JS：removeEventListener()移除点击事件

方法二：给a标签设置css属性pointer-events:none

pointer-events:none是css3中的属性，表示禁用鼠标事件，这样实际上也是将click事件去掉了！

方法三：移除a标签的href属性

我们可以使用jquery：removerAttr()或者JS：removeAttribute()移除a标签的href属性

文章转自：

原文地址：https://www.cnblogs.com/KillBugMe/p/12681160.html

时间： 2024-07-31 23:42:02

实现a标签按钮完全禁用【转】的相关文章

移动端input标签按钮为什么在苹果手机上还有一层白色？

移动端input标签按钮为什么在苹果手机上还有一层白色? 解决办法:其实蛮简单的,就加一个属性就好了 1 input { outline:0px ; -webkit-appearance: none; } 这样的话就没有了,这是苹果浏览器自带的样式,需要删掉,小编亲测可用,大家可以试试

Qt自定义标签按钮

当你接触到Qt时,你会为它极为方便的跨平台方面感到吃惊,从而想尝试着使用Qt.渐渐地你会发现Qt自带的一些控件不能满足自己的需要,此时就需要我们自己定义一个属于自己的控件.总所周知,标签的风格设置类比较多,但默认的标签没有鼠标响应事件. 今天,给大家带来的是:标签按钮类.从名字就可以看出,将标签修改成按钮,从而让标签具有按钮鼠标的响应功能. 在你的Qt工程中 添加新文件:C++ Class,输入类名:ClickedLabel ,基类:QLabel.Qt会自动生成ClickedLabel.h和Cl

JS框架_(JQuery.js)带阴影贴纸标签按钮

纯CSS带阴影贴纸标签按钮效果: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3带阴影贴纸标签按钮样式</title> <style> html { box-sizing: border-box; font: 18px PT Mono; background: antiquewhite; } *, *::before, *

.net 后台中对html标签按钮跳转后台以及后台简单验证

---------------------------------学霸,学神,大牛,hacker请绕道de分割线----------------------------------------------------------------------- 嗯,这个可能比较简单,原谅我这个学弱第一次做.net还查了好久的资料,所以贴出来,避免大家再走弯路了. 因为html的button按钮不是服务器端控件,所以得做如下改变才能跳转到后台. <button type="submit"

Java web自定义标签按钮级别权限控制完美诠释（jplogic 快速开发平台）

接下来跟大家聊聊JavaWeb中权限控制,往大的方向说可以聊聊整合应用系统中的权限控制.在聊权限控制之前先跟大家聊聊RBAC.那么什么是RBAC呢?RBAC(Role-Based Access Control,基于角色的访问控制),就是用户通过角色与权限进行关联的,用户通过成为适当角色的成员而得到这些角色的权限.这就极大地简化了权限的管理.在一个组织中,角色是为了完成各种工作而创造,用户则依据它的责任和资格来被指派相应的角色,用户可以很容易地从一个角色被指派到另一个角色.角色可依新的需求和系统的

A标签/按钮防止重复提交&amp;页面Loading制作

[实现原理] 防止重复提交与页面的提交时的Loading设置,均是在提交,但是尚未处理完成进行的操作,且提交为异步提交(同步提交不需要考虑).因此,其实现原理是在点击按钮或A标签时,将按钮/A标签置为不可用,在提交完成的回调函数中再将按钮/A标签置为可用:Loading原理是在点击提交时,生成Loading样式,在提交完成之后隐藏该样式. [同步]:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 [异步]:请求通过事件触发->服务器处理(这是浏览器仍然可以作

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮：禁用状态

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 按钮禁用状态</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮：禁用按钮

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"

Bootstrap框架下按钮的禁用

禁用button $('button').addClass('disabled'); // 按钮灰掉,但仍可点击. $('button').prop('disabled', true); // 按钮灰掉,且不可点击. 禁用类型为button的input按钮 $('input[value=下一页]').addClass('disabled'); // 按钮灰掉,但仍可点击. $('input[value=下一页]').prop('disabled', true); // 按钮灰掉且不可点击. 原文