屏蔽页面双击选中文本

最新推荐文章于 2024-04-14 17:03:53 发布

weixin_30284355

最新推荐文章于 2024-04-14 17:03:53 发布

阅读量94

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/tianma3798/p/4154035.html

版权

如果我们要做到兼容ie与ff浏览器就可以在要屏蔽双击的div上加上return false;与-moz-user-select:none;即可解决了，下面看例子。

指定div

<div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div>

如果要屏蔽整个页面

我们在页面的body上加这个是兼容ie浏览器

<body onselectstart="return false ">

然后在head中加如入下面代码这里是兼容ff,google浏览器的

这样上面两个例子都兼容了ie,ff,google浏览器了哦

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

2.实例2

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .smallPadding {
            /*火狐下屏蔽双击选中的区域*/
            -moz-user-select: none;
        }
        /**全CSS控制**/
        .noSelect {
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
        }
    </style>
</head>
<body>
    <div class="smallPadding" onselectstart="return false;">
        <p>
            charCodeAt()返回对应的字符unicode编码，oninput和onpropertychange是用来做到你在文本域中点击右键粘帖的时候触发事件的，因为onkeyup和onchange不能触发右键的粘帖。其中的255这个数字你可以比较的不明白，你可以自己试试除了汉字外的编码都是多大，我大致试了下，其实126也是可以的，好像我没有找到比126的大的非汉字的字符，当然255更好些，汉字都比较的大你可以自己动手试试！
            另外由于自己太懒布局就从简了^_^
        </p>
    </div>

    <div class="noSelect" >
        <p>
            charCodeAt()返回对应的字符unicode编码，oninput和onpropertychange是用来做到你在文本域中点击右键粘帖的时候触发事件的，因为onkeyup和onchange不能触发右键的粘帖。其中的255这个数字你可以比较的不明白，你可以自己试试除了汉字外的编码都是多大，我大致试了下，其实126也是可以的，好像我没有找到比126的大的非汉字的字符，当然255更好些，汉字都比较的大你可以自己动手试试！
            另外由于自己太懒布局就从简了^_^
        </p>
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/tianma3798/p/4154035.html

weixin_30284355

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
屏蔽页面双击选中文本

1.如果我们要做到兼容ie与ff浏览器就可以在要屏蔽双击的div上加上return false;与-moz-user-select:none;即可解决了，下面看例子。指定div<div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</d...
复制链接

扫一扫