权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)
生活随笔
收集整理的這篇文章主要介紹了
权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
應用場景:直播間,主播身份進入,麥克風攝像頭等按鈕可實現開關功能,即麥克風攝像頭按鈕存在單擊事件;觀眾身份進入直播間,該按鈕不起作用,即事件綁定不生效。
解決方案:當用戶身份為觀眾時,給麥克風和攝像頭等相關標簽添加一個類名,并給新添加的類設置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 使點擊事件暫時不起作用,漂亮!!!
總結
以上是生活随笔為你收集整理的权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 退休了在家无聊能干啥
- 下一篇: 蒙古服饰呢