首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript/Jquery语法禁用Div和所有子元素上的文本选择?

Javascript/Jquery语法禁用Div和所有子元素上的文本选择?
EN

Stack Overflow用户
提问于 2012-03-19 11:26:38
回答 2查看 1.3K关注 0票数 1

在div及其所有子元素上禁用文本选择的语法是什么?我使用$("#MyContent).disableSelection()禁用下面代码中的所有文本,它在firefox中有效,并且一次禁用所有三行。

在IE Explorer9中,它不适用于子元素,所以为了禁用所有的文本,我必须做$("#text1).disableSelection(),$("#text2).disableSelection(),$("#text3).disableSelection()。

代码语言:javascript
运行
复制
<div id="MyContent">
  <div id="text1">Hello World</div>
  <div id="text2">Goodbye</div>
  <div id="text3">Asdf</div>
</div>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-19 12:03:50

这对我来说很有效:

代码语言:javascript
运行
复制
$('#MyContent').children().each(function(i, c) {
    disableSelection(c);
});

function disableSelection(target) {
    console.debug(target);

    if (typeof target.onselectstart != "undefined")             // For IE
        target.onselectstart = function() { return false };
    else if (typeof target.style.MozUserSelect != "undefined")  // For Firefox
        target.style.MozUserSelect = "none";
    else                                                        // All other routes (Opera, etc.).
        target.onmousedown = function() { return false };

    target.style.cursor = "default";
}

演示http://jsfiddle.net/9vLFD/4/

票数 1
EN

Stack Overflow用户

发布于 2012-03-19 11:29:45

你可以试一试

代码语言:javascript
运行
复制
$('#MyContent').children().each(function(i,c){
    $(c).disableSelection();
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9764635

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档