权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)
生活随笔
收集整理的這篇文章主要介紹了
权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
應(yīng)用場(chǎng)景:直播間,主播身份進(jìn)入,麥克風(fēng)攝像頭等按鈕可實(shí)現(xiàn)開(kāi)關(guān)功能,即麥克風(fēng)攝像頭按鈕存在單擊事件;觀(guān)眾身份進(jìn)入直播間,該按鈕不起作用,即事件綁定不生效。
解決方案:當(dāng)用戶(hù)身份為觀(guān)眾時(shí),給麥克風(fēng)和攝像頭等相關(guān)標(biāo)簽添加一個(gè)類(lèi)名,并給新添加的類(lèi)設(shè)置CSS標(biāo)簽,設(shè)置屬性pointer-events 的值為none;
比如? ?
html:
<div class="camera video"><button><img src="" alt=""></button><p>攝像頭</p></div>js:
$camera = $(".camera"); if(usertype == 2) { // 用戶(hù)身份為觀(guān)眾$camera.removeClass("video").addClass(" forbid video-mute"); }css:
.forbid{pointer-events:none; }結(jié)語(yǔ): 一行css 使點(diǎn)擊事件暫時(shí)不起作用,漂亮!!!
總結(jié)
以上是生活随笔為你收集整理的权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 退休了在家无聊能干啥
- 下一篇: 使用yarn安装quasar,quasa