html 文字不可选择,有没有办法在HTML页面上使文本无法选择？

慕婉清6462132

在大多数浏览器中，这可以使用CSS实现：*.unselectable {

-moz-user-select: -moz-none;

-khtml-user-select: none;

-webkit-user-select: none;

Introduced in IE 10.

See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/

-ms-user-select: none;

user-select: none;}对于IE <10和Opera，您需要使用unselectable您希望不可选择的元素的属性。您可以使用HTML中的属性进行设置：

...

遗憾的是，这个属性不是继承的，这意味着你必须在一个内部的每个元素的开始标记中放置一个属性

。如果这是一个问题，您可以使用JavaScript以递归方式为元素的后代执行此操作：function makeUnselectable(node) {

if (node.nodeType == 1) {

node.setAttribute("unselectable", "on");

}

var child = node.firstChild;

while (child) {

makeUnselectable(child);

child = child.nextSibling;

}}makeUnselectable(document.getElementById("foo"));

html 文字不可选择,有没有办法在HTML页面上使文本无法选择？相关推荐

mcgs 日期选择窗口_MCGS中想在页面上显示当前时间,要怎样做啊?
asp.net实现动态显示时间,无需用到javascrip,而是用了AJAX. Default.aspx页面:先拉一个ScriptManager控件到页面,然后拉一个UpdatePanel控件.Upd ...
有什么办法可以判断页面是静态还是动态?_你知道seo到底是什么吗？该怎么优化？...
这是新手常问的一个问题,SEO是什么? 官方的解释是这就是个缩写,search engine optimization,很多网站在建站到运营的时候都没有按照严格的标准来管理,在多数企业站上面都有体现, ...
CSS|如何在页面上为文字添加艺术效果
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 问题描述我们在使用word编辑文档时,经常会用到艺术字.插入 ...
【Word / WPS文字】快速和方便地选择单个一个很小的单元格（而不是选择其中的文字）的技巧
一.问题背景当我们需要对整个单元格进行操作(例如调整表格属性)时,需要选中这个单元格,而非其中的文字. 选单元格中的文字非常简单,选中多个位置相邻地单元格也很简单,都可以直接用鼠标左键拖拽解决. 难 ...
怎么能提取视频中的文字？这几个办法很好用
视频转文字是一种将视频中的语音内容转换成文本形式的技术.如果视频中有讲话或者演示内容,那么通过视频转文字可以快速生成字幕,方便听觉障碍人士或者非母语人士观看并理解内容.那么大家知道视频转文字怎么转吗? ...
关于echarts中Y轴左侧文字显示不全的解决办法
今天在项目的开发中遇到的一个问题,echarts Y轴左侧的文字太多了,显示不全,由于这个问题网上的解决办法相对较少,所以记录一下. 先说一下网上的版本: 1.调整grid下的left属性,说白了就是 ...
jsp 图片上传到oracle,jsp上传图片到数据库(oracle),并能在页面上显示解决办法
jsp上传图片到数据库(oracle),并能在页面上显示解决办法 jsp上传图片到数据库(oracle),并能在页面上显示解决办法日期:2014-05-18 浏览次数:20341 次 jsp上传图片 ...
[项目过程中所遇到的各种问题记录]图表篇——asp.net上不错的图表选择—FunsionCharts...
[项目过程中所遇到的各种问题记录]图表篇--asp.net上不错的图表选择-FunsionCharts 在上一篇文章中我介绍了winforms下的图表控件--MSChart,虽然MSChart同样为我 ...
禁止拖放对象文本被选择
禁止拖放对象文本被选择的方法: 1.ie中设置拖放对象的onselectstart返回false,在ff中设置样式MozUserSelect(css:-moz-user-select)为none. ...

html 文字不可选择,有没有办法在HTML页面上使文本无法选择？

html 文字不可选择,有没有办法在HTML页面上使文本无法选择？相关推荐

最新文章

热门文章