JS禁止WEB页面鼠标事件大全

合集下载

JS鼠标事件

JS鼠标事件
JS鼠标事件是指在使用JavaScript编写网页的时候可以通过监听用户的鼠标行为来做出相应的动作。

当鼠标移动、点击、双击或者悬停到
特定的元素上时，JavaScript会捕获这些行为，并执行一些相应的操作。

JS中操作鼠标事件有以下常用事件：
1、onmouseover：当鼠标悬停在元素上时触发；
2、onmouseout：当鼠标离开该元素时触发；
3、onmousedown：当鼠标点击元素时触发；
4、onmouseup：当鼠标松开时触发；
5、onclick：当鼠标点击时触发；
6、ondblclick：当鼠标双击元素时触发；
7、onmousemove：当鼠标移动到元素上时触发；
8、oncontextmenu：当鼠标右键点击元素时触发；
9、onmouseenter：当鼠标进入元素时触发；
10、onmouseleave：当鼠标离开元素时触发。

使用这些事件，我们可以让网页在响应鼠标动作时可以立刻显示出来，比如当鼠标悬停到某个按钮上时，立刻显示弹出框，提示用户具体操
作等等。

当然，也可以添加其他JS鼠标事件来提升网页的交互性，比
如拖拽、右击等功能。

总之，JS鼠标事件为网页开发者提供了一系列
极其有用的功能，可以给网页带来更好的用户体验。

js鼠标事件大全-Javascript鼠标事件大全

onDragEnter IE5NO 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave IE5NO 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver IE5NO 当某被拖动的对象在另一对象容器范围内拖动时触发的事件
onDrag IE5NO 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop IEN4O 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd IE5NO 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onKeyUp IE4N4O 当键盘上某个按键被按放开时触发的事件[注意页面内必须有被聚焦的对象]
页面相关事件
事件浏览器支持描述
onAbort IE4N3O3 图片在下载时被用户中断
onBeforeUnload IE4NO3 当前页面的内容将要被改变时触发的事件
onMouseDown IE4N4O 鼠标上的按钮被按下了
onMouseUp IE4N4O 鼠标按下后，松开时激发的事件
onMouseOver IE3N2O 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove IE4N4O 鼠标移动时触发的事件
onHelp IE4NO 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange IE5NO 当对象的属性之一发生变化时触发的事件
onReadyStateChange IE4NO 当对象的初始化属性值发生变化时触发的事件
onContextMenu IE5NO 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的body中加入就可禁止使用鼠标右键了]

div遮罩实现禁用鼠标（click、hover等）事件

div遮罩实现禁⽤⿏标（click、hover等）事件这两天在帮⽼师做⽹页，今天想实现在⼀块区域内禁⽌⿏标的各种事件，本来是想在框架模板的js⽂件⾥去修改，但是改代码的时候有点凌乱。

感觉应该⾃⼰把问题想复杂了。

所以想了想要是能实现在⼀个区域内（如：div）遮罩住区域下⽅的操作，强⼤的某度让我很快找到了答案，拿去⼀试，诶~还挺⽅便，⼀试就灵。

所以在此处贴下相应代码仅供参考：1、Javascript 部分代码1function MaskIt(obj){2 var hoverdiv = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);z-index:5;"></div>'; 3 $(obj).wrap('<div class="position:relative;"></div>');4 $(obj).before(hoverdiv);5 $(obj).data("mask",true);6 }7function UnMaskIt(obj){8 if($(obj).data("mask")==true){9 $(obj).parent().find(".divMask").remove();10 $(obj).unwrap();11 $(obj).data("mask",false);12 }13 $(obj).data("mask",false);14 }2、调⽤⽅法⽐如：我在html中有⼀个div的 id 是“needMask”1<div id="needMask">2 ……3<div>调⽤时，就是⽤函数：1 MaskIt($('#needMask'));恩......end 希望能帮到有需要的盆友：）。

JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例

JavaScript⿏标事件,点击⿏标右键,弹出div的简单实例JavaScript⿏标事件,点击⿏标右键,弹出div的简单实例
document.oncontextmenu = function(){return false}; //禁⽌⿏标右键菜单显⽰
var res = document.getElementById('box'); //找到id为box的div
document.body.onmouseup = function(e){ //在body⾥点击触发事件
if(e.button===2){ //如果button=1（⿏标左键），button=2（⿏标右键），button=0（⿏标中间键）
console.log(e); //将传进去的参数打印出来
console.log(e.offsetY); //打印出⿏标点击的Y轴坐标
console.log(e.offsetX); //打印出⿏标点击的X轴坐标
res.style.top = e.offsetY+'px'; //⿏标点击时给div定位Y轴
res.style.left = e.offsetX+'px'; //⿏标点击时给div定位X轴
res.style.display = 'block'; //显⽰div盒⼦
}else{
res.style.display = 'none'; //否则不显⽰div盒⼦
}
}
以上这篇JavaScript⿏标事件,点击⿏标右键,弹出div的简单实例就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

网页禁用右键菜单和鼠标拖动选择方法小结

⽹页禁⽤右键菜单和⿏标拖动选择⽅法⼩结⼀、禁⽌⿏标右键菜单：有如下两种⽅法来禁⽌⿏标右键1、在HTML元素的Body标签中加⼊Javascript事件句柄，代码如下：复制代码代码如下:<body onContextMenu="return false"> 说明：您也可以在⽹页指定的位置禁⽌右键，⽐如您只想在⽹页中的某个图⽚上禁右键防下载，或您只想在⽹页中的⼀段⽂字或表格上禁右键，您也只需将如上红⾊代码加⼊到相应的HTML标签元素中，例：复制代码代码如下:<img src="logo.gif" width=88 height=31 onContextMenu="return false"><table onContextMenu="return false"><font onContextMenu="return false">⽂字内容</font>2、编写⼀个Javascript函数，然后调⽤事件处理，代码如下：复制代码代码如下:<script language=javascript></script> 说明：请注意代码⼤⼩写！将如上代码拷贝到⽹页HTML源代码的<head>与</head>之间即可。

如果要对⽹页元素指定的标签进⾏右键屏蔽，只需把document改成相应的⽹页对象标签名即可。

⼆、禁⽌拖动选择⽹页元素：与上例⼀样也有如下两种⽅法来禁⽌⿏标右键1、在HTML元素的Body标签中加⼊Javascript事件句柄，代码如下：复制代码代码如下:<body onSelectStart="return false"> 说明：与上⾯的禁右键⽤法类似2、编写⼀个Javascript函数，然后调⽤事件处理，代码如下：复制代码代码如下:<script language=javascript></script> 说明：请注意语句的⼤⼩写！将如上代码拷贝到⽹页HTML源代码的<head>与</head>之间即可。

JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码

JS禁⽤右键、禁⽤Ctrl+u、禁⽤Ctrl+s、禁⽤F12的实现代码先来两个简单粗暴的第⼀个常⽤的函数代码function keycodes(){// 禁⽌右键document.oncontextmenu=function(){return false};document.onkeydown = function(e) {e = window.event || e;var k = e.keyCode;//屏蔽ctrl+u，F12键if ((e.ctrlKey == true && k == 85) || k == 123) {e.keyCode = 0;e.returnValue = false;e.cancelBubble = true;return false;}}}第⼆种⽅法：var arr = [123, 17, 18];document.oncontextmenu = new Function("event.returnValue=false;"),//禁⽤右键document.onselectstart = new Function("event.returnValue=false;"),//禁⽤选中window.onkeydown = function (e) {var code = e.keyCode;if (arr.indexOf(code) > -1) {console.log("中招了", code);e.preventDefault();}}, window.oncontextmenu = function (e) {e.preventDefault();}第三种⽅法：var arr = [123, 17, 18];document.oncontextmenu = new Function("event.returnValue=false;"),//禁⽤右键window.onkeydown = function (e) {var keyCode = e.keyCode || e.which || e.charCode;var ctrlKey = e.ctrlKey || e.metaKey;console.log(keyCode + "--" + keyCode);if (ctrlKey && keyCode == 85) {console.log("ctrl+u");e.preventDefault();}if (arr.indexOf(keyCode) > -1) {console.log("其他");e.preventDefault();}//e.preventDefault();//return false;}⼀些常⽤的代码1、实现禁⽌选中⽂字。

常用鼠标事件

keydown onkeyup onkeypress 意义按下一个键松开一个键按下然后松开一个键
表 3 其他事件事件 onfocus onblur onload onunLoad onselect onchange onerror onsubmit onreset onabort 意义焦点到一个对象上从一个对象失去焦点载入网页文档卸载网页文档文本框中选择了文本内容文字变化或列表选项变化出错提交表单重置表单中断显示图片
JavaScript 常用事件如下:
表 1 常用鼠标事件事件 onmousedown onmousemove onmouseout onmouseover onmouseup onclick ondbclick 按下鼠标键移动鼠标鼠标离开某一个网页对象鼠标移动到某一个网页对象松开鼠标键单击鼠标键双击鼠标键意义

JavaScript中的鼠标事件

JavaScript中的⿏标事件昨天突发奇想，想做⼀个模拟的⿏标点击⽣成⼩球往下掉的效果。

于是涉及到了js中⼀些⿏标点击事件，接下来我来总结顺便复习⼀下。

⿏标事件包括七个：1. mousedown ⿏标点击按下2. mouseup ⿏标点击抬起3. mouseover ⿏标悬浮4. mouseout ⿏标移出5. mouseenter ⿏标进⼊6. mouseleave ⿏标移出7. mousemove ⿏标移动问题1: mouseout和mouseleave代表的都是⿏标移出事件，那么它们有什么区别呢？接下来准备⼀份html⽂件来做个例⼦HTML部分<div class="big" onmouseout="handleMouseout()" onmouseleave="handleMouseleave()"><div class="sub1">⼦元素1</div><div class="sub2">⼦元素2</div></div>CSS部分.big {width: 400px;height: 400px;background: #aaa;}.sub1 {width: 100px;height: 100px;background: #666;}.sub2 {position: relative;top: 50px;left: 50px;width: 100px;height: 100px;background: #666;}JS部分function handleMouseout () {console.log("mouse out of the {big}")}function handleMouseleave () {console.log("mouse leave of the {big}")}可以看到，当⿏标从「class="big"」的元素中离开时，触发了两个事件mouseout&mouseleave,仅仅如此还不⾜以看出它俩的区别。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

<noscript><iframe src=*.html></iframe></noscript><script language=javascript></script>1.将彻底屏蔽鼠标右键,无右键菜单<body oncontextmenu="window.event.returnvalue=false">也可以用于网页中Table框架中<table border oncontextmenu=return(false)><td>no</table>2.取消选取、防止复制<body onselectstart="return false">3.不准粘贴<body onpaste="return false">4.防止复制<body oncopy="return false;" oncut="return false;">5.IE地址栏前换成自己的图标<link rel="Shortcut Icon" href="favicon.ico">说明：关于favicon.ico文件的制作。

你可以先在FW中做一个图片，属于你自己站点一个小图标。

然后在ACD see将文件属性改为*.ico，然后将你做的*.ICO 文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。

很PP哦。

6.可以在收藏夹中显示出你的图标在网页的〈head〉〈/head〉间加入以下语句：〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。

其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。

说明：制作方法和上面的一样。

只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。

也很PP.7.关闭输入法<input style="ime-mode:disabled">说明：这段代码是在表格提交时用到的。

也就是在输入数据时不可以使用其他输入法模式。

网页经典代码（二)8.永远都会带着框架<script language="javascript"></script> 说明：frames.htm为你的网页，这也是保护页面的一种方法9.防止被人frame<SCRIPT LANGUAGE=javascript></SCRIPT>10.网页将不能被另存为<noscript><iframe src=*.html></iframe></noscript>说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。

11.查源文件<input type=button value=查看网页源代码onclick="window.location = 'view-source:'+'/test.htm';">12.COOKIE脚本记录，有很大的用处哦function get_cookie(Name) {var search = Name + "="var returnvalue = "";if (documents.cookie.length > 0) {offset = documents.cookie.indexOf(search)if (offset != -1) { // if cookie existsoffset += search.length// set index of beginning of valueend = documents.cookie.indexOf(";", offset);// set index of end of cookie valueif (end == -1)end = documents.cookie.length;returnvalue=unescape(documents.cookie.substring(offset, end)) }}return returnvalue;}function loadpopup(){if (get_cookie('popped')==''){openpopup()documents.cookie="popped=yes"}}说明：以上是JS代码，请自己加起始符和结束符<SCRIPT LANGUAGE=javascript>function click() {alert('禁止你的左键复制！') }function click1() {if (event.button==2) {alert('禁止右键点击~！') }}function CtrlKeyDown(){if (event.ctrlKey) {alert('不当的拷贝将损害您的系统！') }} document.onkeydown=CtrlKeyDown;document.onselectstart=click;document.onmousedown=click1;</SCRIPT><noscript><iframe src="*.htm"></iframe></noscript><SCRIPT language=javascript></SCRIPT>以上是禁止右键和另存为3、让页面文字不被选中和复制<body onselectstart="return false">或<body oncopy=alert(’对不起，禁止复制！’);event.returnvalue=false;>除非你做的是框架式结构的网站再加上网页将不能被另存为<noscript><iframe src=*.html></iframe></noscript>说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。