权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)

17 篇文章 0 订阅
4 篇文章 0 订阅

应用场景:直播间,主播身份进入,麦克风摄像头等按钮可实现开关功能,即麦克风摄像头按钮存在单击事件;观众身份进入直播间,该按钮不起作用,即事件绑定不生效。

解决方案:当用户身份为观众时,给麦克风和摄像头等相关标签添加一个类名,并给新添加的类设置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 使点击事件暂时不起作用,漂亮!!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值