`
feiz3020
  • 浏览: 1400 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JS禁止选中文本方法

 
阅读更多
复制代码
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
分享到:
评论

相关推荐

    js禁止document element对象选中文本实现代码

    代码如下: // 参数 obj: 要禁止选中文本的元素的jquery对象 // 参数 enabled: true, 可选中; false, 不可选中 function setSelectable(obj, enabled) { if(enabled) { obj.removeAttr(“unselectable”).removeAttr...

    js禁止document element对象选中文本实现代码.docx

    ### 知识点一:JavaScript 禁止选中文本的方法 #### 1.1 背景介绍 在Web开发中,有时为了保护页面内容或实现特定功能,需要阻止用户选中页面上的文本。这通常涉及到对`document`元素的操作。 #### 1.2 实现方法 ...

    js鼠标移动时禁止选中文字

    首先,禁止选中文字主要是通过CSS来完成的。我们可以添加一个全局样式,覆盖整个HTML文档,以防止任何部分的文字被选中。以下是一种常见的实现方式: ```css html, body { -webkit-touch-callout: none; /* 针对...

    js禁止鼠标和全选

    在JavaScript编程中,有时我们可能需要对网页中的某些元素或者整个页面进行操作限制,比如禁止用户使用鼠标右键、禁止文本选中等。这在一些特定的场景下是必要的,例如保护版权信息、防止恶意复制内容或者在游戏界面...

    js禁止右键和禁止复制

    ### 二、JavaScript禁止文本复制 #### 实现原理: 禁止文本复制通常涉及到监听鼠标和键盘事件,如`onselectstart`和`onmousedown`。`onselectstart`事件在用户尝试选择文本时触发,而`onmousedown`事件则在鼠标...

    vue实现页面内容禁止选中功能,仅输入框和文本域可选

    首先,实现页面内容禁止选中功能,最简单直接的方法是通过CSS样式控制。将以下CSS样式添加到Vue应用中的index.html文件中的body标签上: ```css * { -webkit-touch-callout: none; /* 系统默认菜单被禁用 */ -...

    js禁止右键 禁止复制

    禁止用户复制网页内容主要涉及到对文本选中和复制操作的控制。可以监听`mousedown`、`mouseup`和`selectstart`事件,通过阻止默认行为来达到目的: ```javascript document.body.onselectstart = function() { ...

    html禁止网页文字复制

    // 阻止鼠标选中文本 $(document).bind('selectstart', function() { return false; }); // 阻止右键菜单 $(document).bind('contextmenu', function(e) { e.preventDefault(); return false; }); // ...

    利用js实现禁止复制文本信息

    虽然本文主要讨论的是如何使用JavaScript禁止文本复制,但文章也间接反映了原创作者对原创权益保护的需求,以及在互联网环境中维护文章原创首发权的挑战。因此,这些防复制的策略有时也是作者保护自身权益的一种手段...

    网页禁止右键JS代码

    总的来说,"单页禁用快捷键、复制、选中操作"这个压缩包可能包含了多种不同的JavaScript代码,旨在进一步扩展对页面操作的限制,比如禁用键盘快捷键和选中文本的功能。这些方法可以提高内容保护程度,但也需要注意...

    js 特效禁止键盘功能

    通常,用户可以通过鼠标选中文本然后进行复制。为了阻止这一行为,可以使用`onselectstart`和`onmousedown`事件。`onselectstart`事件在文本开始被选中时触发,而`onmousedown`则在鼠标按下时触发。通过返回`false`...

    JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】

    `oncopy`事件监听器阻止了选中文本后执行的复制操作。然而,完全阻止文本选择(`onselectstart`)可能会对用户体验造成负面影响,因为用户可能需要选取文本以便阅读或搜索。因此,谨慎使用此方法,除非确实有必要。 ...

    鼠标移动div时禁止选中div中的文字的方法

    综合以上,通过CSS和JavaScript的结合,我们可以有效地在鼠标移动div时禁止选中div中的文字,从而保证div移动的流畅性。这在创建交互式用户界面或拖放功能时尤其有用,可以提供更好的用户体验。

    屏蔽IE文本选择功能

    7. **`onmouseup`**:清空鼠标抬起时的选中文本。 - 代码示例:`onmouseup='document.selection.empty()'` - 功能解释:当用户释放鼠标按钮时,此属性会调用`document.selection.empty()`方法来清空已选中的文本。...

    javascript取消文本选定的实现代码

    需要注意的是,JavaScript对文本选中操作的处理在不同浏览器之间存在差异,因此在实际开发中,确保代码的兼容性和鲁棒性是非常重要的。在处理文本选择时,要充分考虑到各种浏览器的特性,并进行适当的错误处理和异常...

    js 禁止保存、屏蔽、缓存、页面保护

    2. `<body onselectstart="return false">`:通过监听 `selectstart` 事件,可以防止用户选中文本,进而防止复制。 3. `onpaste="return false"`:此属性阻止了 `paste` 事件的发生,不允许用户在指定的元素上粘贴...

    javascript页面代码防止frame禁止右键

    禁止选中文本 为了让用户无法选中页面上的文本,可以使用`onselectstart`事件。例如: ```html ;"> ``` #### 3. 禁止粘贴、复制和剪切操作 这些功能也是通过添加事件监听器实现的。例如,禁止复制操作可以通过...

Global site tag (gtag.js) - Google Analytics