首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

通过JS屏蔽用户F12 审查元素

众所周知,审查元素的情况下,大家都可以随机更改一部分页面的代码, 注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改 一、屏蔽F12 审查元素 document.onkeydown...; window.event.returnValue=false; } } 除了屏蔽这个,我们还有其他有趣的设置: 二、屏蔽右键菜单 document.oncontextmenu...text") || the.tagName == "TEXTAREA")){ return false; } return true; }catch (e){ return false; } } 三、屏蔽粘贴...text") || the.tagName == "TEXTAREA")){ return false; } return true; }catch (e){ return false; } } 四、屏蔽复制...){ return false; } return true; }catch (e){ return false; } } 这种很适合小说网站,毕竟版权珍贵,被别人随意copy走内容就不好了 六、屏蔽选中

1.5K10

Fabric.js 右键菜单

---- PK创意闹新春,我正在参加「春节创意投稿大赛」,详情请看:春节创意投稿大赛 本文简介 Fabric.js 默认**没提供 鼠标右键事件**,只有 鼠标按键点击 、鼠标按键抬起 、鼠标移动 等事件...本文主要关注 Fabric.js 的主要 api 有: fireRightClick:允许右键点击 stopContextMenu:禁用默认右键菜单 mouse:down:鼠标点击事件 如果不知道 Fabric.js...案例代码放了在文末~ 环境和版本 Chrome浏览器版本:96.0.4664.45 Fabric.js版本:4.6.0 思路 先说说需求: 右键单击元素,弹出菜单; 弹出菜单分4种情况(菜单在鼠标右侧...,菜单在鼠标左侧,菜单在鼠标上方,菜单在鼠标下方); 左键单击画布其他地方,隐藏菜单; 实现思路: 创建画布; 创建 “菜单” 的DOM元素; 去官网查找 “右键相关事件”; 右键单击在元素上,根据鼠标离画布边缘的距离...,且在元素右键 // opt.button: 1-左键;2-中键;3-右键 // 在画布上点击:opt.target 为 null if (opt.button === 3 && opt.target

7K10

html屏蔽右键、禁止复制与禁止查看源代码的几种方法

方法一:左右键屏蔽 先来一种最简单的方法,它直接在body属性定义了oncontextmenu,使得右键的值为false,起到了屏蔽右键的效果。... 这个方式虽然屏蔽掉了右键的功能,但是左键还可以使用,自然Ctrl+c,Ctrl+v的功能还是可以用的,...这时需要屏蔽掉左键,可是要屏蔽左键不是就废掉了,别急,这里只是屏蔽掉左键的选定功能,代码如下: 左右键联合起来,就彻底控制了左右键...这种方法是目前最常用的方法,起到了屏蔽右键并弹窗的效果 function Click(){ alert('版权所有,请尊重!')...; window.event.returnValue=false; } document.oncontextmenu=Click; 方法三:Js屏蔽 <script type

4.2K20

js 实现元素拖拽

概述 js 实现拖拽,主要使用元素的 onmousedown、onmousemove、onmouseup 三个事件实现。...1、onmousedown:鼠标按下事件 2、onmousemove:鼠标移动事件 3、onmouseup:鼠标抬起事件 实现思路 我们当左键点击时,需要记录当前的鼠标点击位置相对于该元素左上角的x,y...坐标,这里我们使用diffX和diffY来表示 然后我们移动时需要不断计算当前元素距离浏览器左边和上边的距离; 同时给元素进行赋值; 当鼠标抬起时,取消鼠标移动事件和鼠标抬起事件。...id="drag"> window.onload = function () { //获取drag元素...clientX 和 clientY 默认是以元素左上角位置来计算的,这里需要向左向上同时减去鼠标点击的位置差,从而可以保证鼠标始终显示在拖拽元素时的位置

9.6K30
领券