首页 > 代码库 > 屏蔽页面双击选中文本
屏蔽页面双击选中文本
1.
如果我们要做到兼容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>
屏蔽页面双击选中文本
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。