当前位置: 首页> 教育> 培训 > 旅游网站建设费用_最近国际新闻热点_seo搜索引擎招聘_深圳网站制作

旅游网站建设费用_最近国际新闻热点_seo搜索引擎招聘_深圳网站制作

时间:2025/7/11 11:23:12来源:https://blog.csdn.net/weixin_70563937/article/details/142264041 浏览次数:0次
旅游网站建设费用_最近国际新闻热点_seo搜索引擎招聘_深圳网站制作
/*** 监听水印是否清除和修改*/
export function watermarkClear() {// 添加水印的盒子let box: any = document.querySelector('.dplayer-video-wrap')// 水印let watermark: any = document.querySelector('.dplayer-logo')// 观察器的配置(需要观察什么变动)const config = { attributes: true, childList: true, subtree: true };// 当观察到变动时执行的回调函数const callback = function (mutationsList: any, observer: any) {watermark = document.querySelector('.dplayer-logo')let watermarkImg = document.querySelector('.dplayer-logo img')if (!watermark || !watermarkImg) {watermark?.remove()const div = document.createElement("div");div.className = "dplayer-logo"div.innerHTML = `<img src="${'/_nuxt/assets/images/AppOverall/watermark.png'}" alt="">`box?.appendChild(div)}};// 创建一个观察器实例并传入回调函数const observer = new MutationObserver(callback);// 以上述配置开始观察目标节点observer.observe(box, config);}

调用

watermarkClear()

监听的元素

这个元素被删除之后在这个父盒子里面重新生成

扩展:

元素加 pointer-events: none; 属性使用开发工具就不能直接点到元素所在的代码位置 

关键字:旅游网站建设费用_最近国际新闻热点_seo搜索引擎招聘_深圳网站制作

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: