css阻止指针事件（让按钮点击一次后置灰并且不能点击）

最新推荐文章于 2024-03-02 11:06:27 发布
最新推荐文章于 2024-03-02 11:06:27 发布
阅读量1.2k 收藏 2
点赞数 1
文章标签： css3 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxCSDN1997/article/details/121682186
版权
本文介绍了如何使用CSS来阻止元素的指针事件，特别是使a标签的href和click事件失效。示例代码展示了将`.layui-layer-btn0`元素的`pointer-events`属性设置为`none`，以及改变其背景色和边框色，从而实现交互禁用的效果。
摘要由CSDN通过智能技术生成

css 阻止指针事件

例如可以使得 a标签的 href 和 click事件失效

 

实际使用：

$(".layui-layer-btn0").css('pointer-events','none');//阻止指针事件

$(".layui-layer-btn0").css('background-color','#8d8d8d');

$(".layui-layer-btn0").css('border-color','#8d8d8d');

她定有过人之处_cherish
关注
html5 css4 JavaScript 语法
m0_46881781的博客
05-06 1049
1.html5 1.环境搭建 1）编辑器环境 轻量级的编辑 sublime(装emmet插件) vscode（在用） 2）浏览器环境（测试） firefox google chrome opera safari(mac) ie8+(兼容性) 2.编写简单的hello world 编写代码 -> 运行测试 -> 交付(部署到服务器)【网站】 1）部署在tomcat中 (动态服务器 -...
临摹中国慕课静态网页第二周周记（CSS3+JS）
weixin_53363646的博客
03-28 1422
临摹中国慕课静态网页第二周周记（CSS3+JS） 第二周 这周主要是对细节，轮播图，下拉菜单等地完善和JS的学习 学习内容 （1）CSS word-break 属性 属性规定自动换行的处理方法。 语法： word-break: normal|break-all|keep-all; 值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 （2）伪元素 之前都没有系统的把伪元素学习一遍，因为最多用
DIV+JS弹出层并置灰窗口为不可点击状态
04-12
NULL 博文链接：https://empirel.iteye.com/blog/1386570
按钮点击后，置灰3秒
weixin_43738756的博客
06-10 1448
$("#loginbtn").attr("disabled",false); //获取按钮， var isSubmitClick =true; $("#loginbtn").click(function () { // 按钮点击事件 if(isSubmitClick){ isSubmitClick=false; $("#loginbtn").attr("disabled",true); this.form.submit(); // 提.
html按钮点一次置灰
copyright0501的博客
09-28 2182
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function copyText() { document.getElementById("field2").value=document.g...
按钮置灰不能点击的方法
FE-阿阳的博客
01-29 1万+
按钮置灰不能点击的方法 详情描述 给button添加disabled的属性。注意，控制disabled为ture或者false才能起作用； 给添加单独的类名显示不同的颜色，然后点击的时候判断return false； 控制两个button，一个绑定事件，一个不绑定；通过控制验证字段是否通过来控制按钮的显示隐藏；
CSS 也可以防止按钮重复点击
大白兔奶糖的博客
12-20 670
CSS 也可以防止按钮重复点击
a标签置灰不可点击的实现方法
08-31
如果`<a>`标签内有其他可交互元素，你还可以通过阻止事件的传播来实现不可点击的效果。例如，如果你有一个按钮在`<a>`标签内，可以这样处理： ```html (0)"> ();">点击无效 ``` 在这个例子中，按钮点击事件...
CSS3选择器详解
# 简介 ## 1.1 什么是CSS3选择器 CSS3选择器是一种用于选择...CSS选择器在发展过程中经历了多个版本的更新，从最早的CSS1选择器到目前广泛应用的CSS3选择器。随着技术的进步和需求的增长，选择器的功能也不断扩展和完
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_55613022的博客
02-24 3195
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
左右点击效果，并且最后一个的时候按钮变灰或者消失
07-02 193
效果：http://runjs.cn/code/6czpjsqq 程序思维：能复用就复用。把连个点击事件变成一个。在里面进行判断。第一个和最后一个判断的特殊处理。 因为index初始化为0，点击一下next+1,所以第二个就是1，所以就是按下标走的，最后一个就是length-1;所以判断的时候应该就是 　　index<length-1{index++}; 　　index&g...
【css】实现禁止点击并置灰效果
最新发布
Triumph_light的博客
03-02 731
【代码】【css】实现禁止点击并置灰效果。
点击禁用按钮，切换成启用按钮，同时当前行的颜色变为浅灰色
weixin_45736311的博客
10-28 1498
currentStatus == 'ACTIVE'是后端传来的数据，currentStatus 包括ACTIVE和DISABLE两种状态 ACTIVE是此时禁用按钮的值 DISABLE是此时启用按钮的值 1.禁用状态下当前行呈现浅灰色： 当按钮展示的是“启用”时，说明当前时处于禁用状态，当前行应该是灰色（给整行覆盖一层浅灰色样式即可） 2.给表格列表区分奇偶数，呈现不同颜色 绑定事件，行数是偶数，显示白色；否则 显示绿色 ...
html实现网站全局按钮点击后置灰，不允许连续点击
dingsi7709的博客
06-16 468
1 <script> 2 document.addEventListener("mouseup", upHandler, true); 3 function upHandler(e){ 4 var target=undefined; 5 //元素类型即BUTTON 6 if(e.targ...
点击按钮变成灰色不可再次点击
cg20的专栏
11-07 2万+
原文转载自http://www.santii.com/article/24.html 很多时候，当我们点击提交按钮，如果因为执行的程序太慢，或是网络问题，就会一直处于提交状态。 不了解的人，还以为是没有提交成功，于是就会一直点提交、提交、提交…… 这样就会造成多次提交，而产生重复记录。 那么要如何才能防重复提交呢？ 小编的做法就是，使用js来控制。 当点击提交后将按钮变成
vue 验证码界面 点击后标灰并设置div按钮不可点击状态
haeasringnar的博客
12-13 1万+
1、先看看效果图 未点击获取验证码的按钮状态 点击后的不可点击状态 2、代码实现 &lt;template&gt; &lt;div class="my-code"&gt; &lt;input class="my-code-input" type="text" v-model="login_form.captcha" placeholder="Your Captch
js把div置灰不可用
热门推荐
wodexiaoyang的专栏
01-23 3万+
弹出层背景灰色不可编辑 //弹出层背景灰色 function locking(objDiv){ document.getElementById('ly').style.display="block"; document.getElementById(objDiv).style.display='block'; scroll(0,0); } //隐藏层 function hiddenDiv(obj
JS+CSS/Canvas：点击按钮实现动态水波纹效果教程
本文将详细介绍如何通过JavaScript结合CSS3和Canvas技术在按钮上实现点击时的水波纹效果。首先，我们将探讨这个视觉效果的吸引力及其在用户体验中的作用，然后分别介绍利用Canvas和CSS3两种不同的技术来创建这种动态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值