整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaScript禁止在网页中右键和选取功能

avascript

JavaScript想要实现在网页中禁止鼠标右键和复制功能常用的有两种方法,一种是通过在html标签后面直接加上相应代码,另一种是在通过JavaScript的加载时实现。

一、通过body标签来实现

在<body>中加入以下代码:

<body oncontextmenu="return false" onselectstart="return false">或

<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">

其中:

1、oncontextmenu="return false"是用来禁止右键的;

2、onselectstart="return false"是用来禁止选取文本的;

二、通过JavaScript的脚本功能来实现

<script language="Javascript">

document.oncontextmenu=new Function("event.returnValue=false"); //禁止右键

document.onselectstart=new Function("event.returnValue=false"); //禁止选取

</script>

效果同上。

Javaweb技术分享

在我们日常的Java web前端开发的过程中呢,程序员们会遇到各种各样的要求,所以不每天学的东西感觉自己都退步了,都更不上时代的发展了。

每天应对各种需求,每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活,热爱Java,HTML ,JSP。

在昨天的文章中,我写了关于Javascript中null 与 undefined 的区别。好像大家都不怎么感兴趣,小编感到很失落,不过,没事,小编还是一如既往的更新,让大家带来一些前端的干货。

Javaweb技术分享

今天我就来教大家一个非常实用的css小技巧----如何禁止选中文字

直接上代码:

HTML代码

//html 代码

<p>

Selectable text.

</p>

<p class="noselect">

Unselectable text.

</p>

css 代码

.noselect {

-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Chrome/Safari/Opera */

-khtml-user-select: none; /* Konqueror */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none; /* Non-prefixed version, currently

not supported by any browser */

}

在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加一个属性

unselectable="on",否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。

感谢关注Javaweb技术分享

SS实现

body{ 
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
	user-select:none; 
}

JavaScript实现