一个div盒子，里面特别多内容，现在要禁用div里的所有内容，一般人的想法就是，加个遮罩盒子不就好了吗，开始我也是这样想的，后来发现一个更简单的方法，那就是给这个div加禁止点击事件样式。加上以后，这个盒子里的所有内容都不可以点了，通过这个div样式来控制div是否禁止。
// 通过标的switchBtn来控制样式，通过三元控制样式是否显示
<view class="ljqd {
{switchBtn == false ? 'noClick' : ''}}" bindtap="hClickSignin"></view>
// 样式
.noClick {
pointer-events: none; /* 禁止鼠标点击 */
描述一个div盒子，里面特别多内容，现在要禁用div里的所有内容，一般人的想法就是，加个遮罩盒子不就好了吗，开始我也是这样想的，后来发现一个更简单的方法，那就是给这个div加禁止点击事件样式。加上以后，这个盒子里的所有内容都不可以点了，通过这个div样式来控制div是否禁止。代码// 通过标的allKfLine来控制样式，通过三元控制样式是否显示<el-button-group class="allBtn"> <el-button size="mini" @click
如果在前端页面中想让某个
div
元素
处于
禁用
的状态，通过style中设置pointer-events: none;属性即可生效
style行内样式：
style="pointer-events: none;"
jq实现
禁用
div
：
//
禁用
$.fn.disable = function () {
$(this).addClass("disable");
$.fn.enable = function () {
$(this).removeClass("disable");
div
禁用
——添加样式style={pointer-events: none;}
1、根据当前项目的场景，在特定条件下时，该
div
禁用
，不可点击，先在HTML内给此标签新加一个类名
2、写好不可点击的样式
3、在特定逻辑下，加入新类名
$(".原类名").addClass("新类名");
某个
div
上绑定了
点击事件
，在不点击button按钮的时候，
div
处于
禁用
状态（即
点击事件
不可触发），只有点击了button这个
div
才解除
禁用
状态。
在button点击前给
div
一个disabled的状态，点击后把disaled状态去掉。如果是input可以直接使用disabled属性，但是
div
没有这样的属性，只能另辟蹊径。
解决办法：
使用
css
属性pointer-event...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func
18162
Invalid prop: type check failed for prop “index“. Expected String with value “5“问题解决
weixin_41159044:
Windows设置本地DNS域名解析hosts文件配置
一穷二白三干饭:
微信小程序页面跳转如何传递对象参数
反手敲代码:
太taima感谢了
