权限不同，设置标签绑定的事件生效与不生效（使事件不起作用）

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

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

权限不同，设置标签绑定的事件生效与不生效（使事件不起作用）相关推荐

html标签触发方法，标签绑定事件
html标签触发方法,标签绑定事件 1. js脚本里面通过ID绑定 $('#标签ID').click(function () {}) $('#标签ID')就是通过标签ID拿到了标签,下面无论是触发点击 ...
html下拉框onchange事件,javascript jquery框架如何为html中select标签绑定onChange事件呢？...
摘要: 下文讲述使用jquery框架为select标签绑定onChange事件的方法分享,如下所示: 在html中我们知道select标签是一个下拉标签,我们可以通过此标签限定标签中的值, onCha ...
cisco 路由器访问权限的设置
cisco 路由器访问权限的设置理解Privilege级别的含义默认情况下Cisco IOS命令行模式下支持两种级别的接入命令user EXEC(级别1)模式和privileged EXEC(级别 ...
Vue.js-Day01-PM【事件绑定(事件传参、事件对象、传参+获取事件对象)、样式处理操作(模板、事件、属性绑定)、Tab切换(原生js实现、Vue.js实现)、js中的this详解关键字】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 4.事件绑定 4.1.事件绑定(点击.双击.鼠标移动) 点击按钮-最简单的事件绑定(无参函数) 格式点击按钮 ...
在命令行下对ntfs分区文件夹权限的设置
随着Windows XP/Server 2003的流行,越来越多的用户开始选择NTFS文件系统,NTFS的好处自然是大大增强了系统的安全性,在"安全"标签页下, 我们可以在这里为不 ...
jq父级绑定事件的意义_js、jq事件绑定方式总结——以click事件为例
一.JavaScript点击事件绑定方法 1.1 HTML onclick事件属性 1 click me 1 functionclickMe(this) {2 alert("click me ...
php 目录555 权限_CMS网站安全权限划分设置教程
DiYunCMS(帝云CMS)-免费开源可商用的PHP万能建站程序 CMS网站安全权限划分设置教程网站安全是网站搭建运营过程中非常重要的一部分,DiYunCMS非常注重安全,开发了强大的安全功能.本 ...
怎么修改登录服务器的权限,远程登录服务器权限怎么设置
远程登录服务器权限怎么设置内容精选换一换云服务器网络异常.防火墙未放行本地远程桌面端口.云服务器CPU负载过高等问题均可能导致云服务器无法正常登录.本节操作介绍无法登录Windows弹性云服务器 ...
08.vue.js实战笔记（计算属性、v-bind及class和style的绑定、内置指令、方法与事件）
1.计算属性所有的计算属性都以函数的形式写在vue实例的computed选项内,最终返回计算后的结果 <!DOCTYPE html> <html lang="en&quo ...

权限不同，设置标签绑定的事件生效与不生效（使事件不起作用）

权限不同，设置标签绑定的事件生效与不生效（使事件不起作用）相关推荐

最新文章

热门文章