禁用div元素 —— css静止点击事件

描述

一个div盒子，里面特别多内容，现在要禁用div里的所有内容，一般人的想法就是，加个遮罩盒子不就好了吗，开始我也是这样想的，后来发现一个更简单的方法，那就是给这个div加禁止点击事件样式。加上以后，这个盒子里的所有内容都不可以点了，通过这个div样式来控制div是否禁止。

代码

// 通过标的switchBtn来控制样式，通过三元控制样式是否显示
<view class="ljqd {{switchBtn == false ? 'noClick' : ''}}" bindtap="hClickSignin"></view>


// 样式
.noClick {
  pointer-events: none;  /* 禁止鼠标点击 */
}