利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

图片[1]-利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒-颜汐小屋

引用cdn资源

代码放在头部(比如header.php)就可以了

<!-- 引入VUE -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css">

如果引入上面的导致网站很卡,请引入下面的资源:

<!-- 引入VUE -->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css">

最新版子比主题)JS 即 javascript 代码添加到:后台子比主题设置—>自定义代码—>自定义 javascript 代码

下面都是JS 代码

复制提醒

/* 复制提醒 */
document.addEventListener("copy",function(e){
    new Vue({
        data:function(){
            this.$notify({
                title:"嘿!复制成功",
                message:"若要转载请务必保留原文链接!爱你呦~",
                position: 'bottom-right',
                offset: 50,
                showClose: false,
                type:"success"
            });
            return{visible:false}
        }
    })
})

禁用右键菜单并提醒

© 版权声明
THE END
喜欢就支持一下吧
点赞12打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容