复制代码
if (typeof(element.onselectstart) != "undefined") {
// IE下禁止元素被选取
element.onselectstart = new Function("return false");
} else {
// firefox下禁止元素被选取的变通办法
element.onmousedown = new Function("return false");
element.onmouseup = new Function("return true");
}
复制代码
IE下有onselectstart这个方法,通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法,但可以通过css或一种变通的办法解决:
使用CSS:
div {
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}
另外一种方法是:
ie:document.selection.empty()
ff:window.getSelection().removeAllRanges()
兼容的写法:
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
这种方法不但不影响拖放对象的选择效果,还能对整个文档进行清除.
http://www.cnblogs.com/pigtail/archive/2012/09/11/2680462.html
分享到:
相关推荐
代码如下: // 参数 obj: 要禁止选中文本的元素的jquery对象 // 参数 enabled: true, 可选中; false, 不可选中 function setSelectable(obj, enabled) { if(enabled) { obj.removeAttr(“unselectable”).removeAttr...
### 知识点一:JavaScript 禁止选中文本的方法 #### 1.1 背景介绍 在Web开发中,有时为了保护页面内容或实现特定功能,需要阻止用户选中页面上的文本。这通常涉及到对`document`元素的操作。 #### 1.2 实现方法 ...
首先,禁止选中文字主要是通过CSS来完成的。我们可以添加一个全局样式,覆盖整个HTML文档,以防止任何部分的文字被选中。以下是一种常见的实现方式: ```css html, body { -webkit-touch-callout: none; /* 针对...
在JavaScript编程中,有时我们可能需要对网页中的某些元素或者整个页面进行操作限制,比如禁止用户使用鼠标右键、禁止文本选中等。这在一些特定的场景下是必要的,例如保护版权信息、防止恶意复制内容或者在游戏界面...
### 二、JavaScript禁止文本复制 #### 实现原理: 禁止文本复制通常涉及到监听鼠标和键盘事件,如`onselectstart`和`onmousedown`。`onselectstart`事件在用户尝试选择文本时触发,而`onmousedown`事件则在鼠标...
首先,实现页面内容禁止选中功能,最简单直接的方法是通过CSS样式控制。将以下CSS样式添加到Vue应用中的index.html文件中的body标签上: ```css * { -webkit-touch-callout: none; /* 系统默认菜单被禁用 */ -...
禁止用户复制网页内容主要涉及到对文本选中和复制操作的控制。可以监听`mousedown`、`mouseup`和`selectstart`事件,通过阻止默认行为来达到目的: ```javascript document.body.onselectstart = function() { ...
// 阻止鼠标选中文本 $(document).bind('selectstart', function() { return false; }); // 阻止右键菜单 $(document).bind('contextmenu', function(e) { e.preventDefault(); return false; }); // ...
虽然本文主要讨论的是如何使用JavaScript禁止文本复制,但文章也间接反映了原创作者对原创权益保护的需求,以及在互联网环境中维护文章原创首发权的挑战。因此,这些防复制的策略有时也是作者保护自身权益的一种手段...
总的来说,"单页禁用快捷键、复制、选中操作"这个压缩包可能包含了多种不同的JavaScript代码,旨在进一步扩展对页面操作的限制,比如禁用键盘快捷键和选中文本的功能。这些方法可以提高内容保护程度,但也需要注意...
通常,用户可以通过鼠标选中文本然后进行复制。为了阻止这一行为,可以使用`onselectstart`和`onmousedown`事件。`onselectstart`事件在文本开始被选中时触发,而`onmousedown`则在鼠标按下时触发。通过返回`false`...
`oncopy`事件监听器阻止了选中文本后执行的复制操作。然而,完全阻止文本选择(`onselectstart`)可能会对用户体验造成负面影响,因为用户可能需要选取文本以便阅读或搜索。因此,谨慎使用此方法,除非确实有必要。 ...
为了解决这个问题,我们可以采用CSS和JavaScript相结合的方式来禁止选中`div`中的文字。 首先,我们来看如何通过CSS来实现这一功能。CSS提供了几个特定的属性,针对不同浏览器的兼容性,可以阻止用户选中文本。这些...
7. **`onmouseup`**:清空鼠标抬起时的选中文本。 - 代码示例:`onmouseup='document.selection.empty()'` - 功能解释:当用户释放鼠标按钮时,此属性会调用`document.selection.empty()`方法来清空已选中的文本。...
需要注意的是,JavaScript对文本选中操作的处理在不同浏览器之间存在差异,因此在实际开发中,确保代码的兼容性和鲁棒性是非常重要的。在处理文本选择时,要充分考虑到各种浏览器的特性,并进行适当的错误处理和异常...
2. `<body onselectstart="return false">`:通过监听 `selectstart` 事件,可以防止用户选中文本,进而防止复制。 3. `onpaste="return false"`:此属性阻止了 `paste` 事件的发生,不允许用户在指定的元素上粘贴...
禁止选中文本 为了让用户无法选中页面上的文本,可以使用`onselectstart`事件。例如: ```html ;"> ``` #### 3. 禁止粘贴、复制和剪切操作 这些功能也是通过添加事件监听器实现的。例如,禁止复制操作可以通过...