当用div作为按钮时,如何禁用div

已于 2022-05-12 19:31:39 修改
阅读量519 收藏 1
点赞数
文章标签： php html jquery
于 2022-05-12 19:29:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/echoszq/article/details/124737885
版权

工作时遇到的情况,当已经加入此社团,按钮从"申请加入"变成了"已加入",却还是可以点击,并且加了disable属性无效,写点击事件.attr("disable",true)也无效.

解决办法 :

$('#yjr').css("pointer-events","none");

解禁的话就把第二个参数none去掉,留一个空值即可.

echoszq
关注
vant 带关闭按钮div_Vant Button 按钮
weixin_39791322的博客
12-22 1199
引入import Vue from 'vue';import { Button } from 'vant';Vue.use(Button);代码演示按钮类型支持default、primary、info、warning、danger五种类型，默认为default默认按钮主要按钮信息按钮警告按钮危险按钮朴素按钮通过plain属性将按钮设置为朴素按钮，朴素按钮的文字为按钮颜色，背景为白色。朴素按钮朴素按...
javascript按钮禁用和启用的效果实例代码
10-19
6. `<div>`元素用来定位按钮，使用`style`属性设置绝对定位。 7. `<button>`元素定义了按钮，`id`属性用于JavaScript引用，`onclick`属性调用函数，`style`属性设置样式。 总结上述内容，JavaScript提供了简单的...
pointer-event 和 cursor 属性 在div上实现button的disabled禁用效果
weixin_45695200的博客
11-10 1918
当按钮是用div写的时候，不能够像button一样直接使用disabled属性，此时可以通过 事件禁用样式 pointer-events: none; 和 鼠标悬浮禁用手势样式 cursor: not-allowed; 来实现类似button按钮disabled属性效果； 但是如果把这两个样式写在一个class里面，事件禁用样式会影响鼠标悬浮禁用手势样式，使得禁用状态无法显示。 解决：将 cursor: not-allowed 写在外层div上 <div class="A"> <d
div禁用，不可点击
热门推荐
wyh_mwk的博客
08-17 6万+
div禁用——添加样式style={pointer-events: none;} 1、根据当前项目的场景，在特定条件下时，该div禁用，不可点击，先在HTML内给此标签新加一个类名 2、写好不可点击的样式 3、在特定逻辑下，加入新类名 $(".原类名").addClass("新类名");     注意！更改样式，建议大家用ng-class，具体原因大家可以看我201...
css实现div禁用效果
蜗牛
09-24 5286
//禁用 $.fn.disable = function () { $(this).addClass("disable"); }; //启用 $.fn.enable = function () { $(this).removeClass("disable"); }; //禁用某个元素 $("#元素Id").disable(); //恢复禁用 $("#元素Id").enable();
如何如何禁用div不能点击？div disabled不能点击 不能click div禁用无效
两天打鱼三天晒网
10-09 1万+
div经常会被用来做按钮，但是有时候我们需要禁用按钮，让按钮不可点击，一般我们会想到用disabled属性： $(".btn").attr("disabled", true); //设置禁用 //经过测试根本没用！div设置了这个属性与click事件无关，照样能点击 网上搜索一大把都是这样写的，然而根本没用！！设置为disabled了照样可以点击。那些转帖的人根本不动脑子。 至于为什么没用具体的原因我也不清楚，猜测大概对于div而言，disabled只是让它内部的元素不可以变动吧，而对事件毫无影响
用AngularJS来实现监察表单按钮的禁用效果
01-19
这篇博文主要是写给新手的，是给那些刚刚开始接触Angular，并且想了解数据绑定...<div class=row> <div class=col> <div class=list> <div class=row> <div class=col> <label class=item item-input mobile-b
div居中显示的css样式代码
09-25
// 按钮禁用 第1行第1列 ``` 这段代码中，`#PageMain`是一个具有固定宽度和高度的`div`，它的背景色为`#0E4980`。要使其居中显示，主要依赖于以下几行CSS代码： 1. `margin: 0 auto;`：这行代码使`div`在水平方向...
ajax局部刷新一个div下jsp内容的方法
12-08
- **防止重复提交**：在JSP中，可以使用session或cookie来记录用户是否已经提交过，或者在按钮上添加禁用（disabled）属性，一旦提交则禁用该按钮。 - **处理中文乱码**：在JSP页面中，确保设置了正确的字符编码，如...
前端页面禁用div元素（只读 不可点击）
qq_40576178的博客
06-18 9140
如果在前端页面中想让某个div元素处于禁用的状态，通过style中设置pointer-events: none;属性即可生效 style行内样式： style="pointer-events: none;" jq实现禁用div： //禁用 $.fn.disable = function () { $(this).addClass("disable"); }; //启用 $.fn.enable = function () { $(this).removeClass("disable");
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
点击一个div其他地方关闭这个div并且不使这个div失效
weixin_30537451的博客
02-12 533
首先我们需要知道，页面的遍历是通过标签冒泡遍历的，如果说我们有一个页面body，里面有一个标签div 使这个div在点击其他地方关闭，但是点击这个div内部关闭。这时候我们经常会用到一个叫做停止事件，代码如下： function stopPropagation(e) { if (e.stopPropagation) e.stopPropag...
div禁用，不可点击，不可编辑
weixin_45767321的博客
12-14 6463
div禁用——添加样式style={pointer-events: none;} 1、根据当前项目的场景，在特定条件下时，该div禁用，不可点击，先在HTML内给此标签新加一个类名 2、写好不可点击的样式 3、在特定逻辑下，加入新类名 $(".原类名").addClass("新类名");     ...
关于div、input、select标签的禁用
weixin_45102035的博客
07-06 3347
关于div、input、select标签的禁用
div contenteditable disabled 失效问题
qq_36958916的博客
10-09 759
div contenteditable disabled 失效问题
关于设置disabled失效问题
最新发布
m0_66845332的博客
12-14 1699
disabled属性失效问题
如何点击一个div盒子之外的部分，使这个div盒子关闭
qq_44705916的博客
10-28 2285
【代码】如何点击一个div盒子之外的部分，使这个div盒子关闭。
禁用div元素 —— css静止点击事件
qq_30351747的博客
05-17 3448
描述 一个div盒子，里面特别多内容，现在要禁用div里的所有内容，一般人的想法就是，加个遮罩盒子不就好了吗，开始我也是这样想的，后来发现一个更简单的方法，那就是给这个div加禁止点击事件样式。加上以后，这个盒子里的所有内容都不可以点了，通过这个div样式来控制div是否禁止。 代码 // 通过标的allKfLine来控制样式，通过三元控制样式是否显示 <el-button-group class="allBtn"> <el-button size="mini" @click
Vue 实现验证码按钮点击后禁用与倒计时
使用`setInterval`函数每秒更新`count`值，当`count`减到0时，清除计时器，重置`show`状态，以便用户可以再次点击获取验证码。 ```javascript // 假设有倒计时逻辑 this.timer = setInterval(() => { if (this....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值