//点击监听是否存在某class名
clickdplayer(){
let controller=document.querySelector(".dplayer");
// console.log('.classList',controller.classList)
// console.log(controller.classList.contains('dplayer-paused'));
if(controller.classList.contains('dplayer-paused')){
}else{
}
},
//监听class样式名变化
addAttrListener() {
const target = document.getElementById('dplayer')
// 实例化MutationObserver
this.attrListener = new MutationObserver((mutations) => {
let classDom = mutations[0].target
let classname = classDom.getAttribute('class')
// colorDom.nextSibling.setAttribute('class', color)
console.log(classname);
let ishaspaused=classname.indexOf('dplayer-paused');
if(ishaspaused>0){
this.isStop=true;
}else{
this.isStop=false;
}
console.log(ishaspaused);
})
console.log(this.attrListener);
// 监听dom的属性,仅监听fill属性的改变。
this.attrListener.observe(target, { attributes: true, attributeFilter: ['class'] });
},
//创建监听
setEvent(){
this.addAttrListener();
document.addEventListener("mousemove",this.mouseMoveclickHandler)
document.addEventListener("mouseup",this.mouseUpclickHandler);
document.addEventListener("change",this.changeHandler);
},
//清除监听
reomoveEvent(){
if (this.attrListener) {
this.attrListener.disconnect()
this.attrListener.takeRecords()
this.attrListener = null
}
document.removeEventListener("mousemove",this.mouseMoveclickHandler)
document.removeEventListener("mouseup",this.mouseUpclickHandler);
document.removeEventListener("change",this.changeHandler);
},
监听class
于 2022-09-24 14:41:51 首次发布