监听dom操作事件/前端水印

监听dom操作事件

const ob = new MutationObserver(() => {
    this.observerCallback(); // 修改指定监听属性后事件回调
 });

// 监听父级元素

ob.observe(_parentBoxNode, {
    childList: true, // 监听子节点，节点是否存在
    attributes: true, // 监听属性,单条设置只监听节点本身，不包含子节点属性
    characterData: true, // 监听文本内容
    subtree: true, // 监听所有子节点

});

使用场景：前端水印防删除；

水印顶层穿透：在顶层蒙层添加css属性：pointer-events: none;