监听class

//点击监听是否存在某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);
},