* 原始文章地址可能暂时无法访问,仅展示文章的摘要信息
「复制提醒和右键菜单提醒」的摘要信息
继续给大家分享一个提高网站安全性的小技巧,包括复制提醒、禁用右键菜单和快捷键等功能。这种弹窗设计简洁、色彩搭配合适(也可自定义),既能提醒用户,又不会打扰浏览体验。 分享此方法的目的是为了让更多的友友能够使用到。当然也包括自己,也许以后自己琢磨(可能也会用到)。所以,避免源资源失效或者其他某些原因… 照葫芦画瓢,它来了! 具体操作 1.全局引入 在网站目录中引入以下代码: <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.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/packages/theme-chalk/lib/index.css"> 2.后面的代码均在全局引用 JS 的文件中添加。 代码实现 1.复制提醒 /* 复制提醒 */ document.addEventListener("copy",function(e){ new Vue({ data:function(){ this.$notify({ title:"嘿!复制成功", message:"若要转载请务必保留原文链接!爱你呦~", position: 'bottom-right', offset: 50, ...