应用场景:直播间,主播身份进入,麦克风摄像头等按钮可实现开关功能,即麦克风摄像头按钮存在单击事件;观众身份进入直播间,该按钮不起作用,即事件绑定不生效。
解决方案:当用户身份为观众时,给麦克风和摄像头等相关标签添加一个类名,并给新添加的类设置CSS标签,设置属性pointer-events 的值为none;
比如
html:
<div class="camera video"><button><img src="" alt=""></button><p>摄像头</p></div>
js:
$camera = $(".camera");
if(usertype == 2) { // 用户身份为观众
$camera.removeClass("video").addClass(" forbid video-mute");
}
css:
.forbid{
pointer-events:none;
}
结语: 一行css 使点击事件暂时不起作用,漂亮!!!