博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用 CSS 用户选择控制选择
阅读量:4308 次
发布时间:2019-06-06

本文共 1241 字,大约阅读时间需要 4 分钟。

IE10 平台预览 4 包括一个新的 CSS 属性的支持,这使得 Web 开发者控制完全可以选择什么的文本,在其网站上更容易。如果你是看我一整天都在我的工作站,您会注意到我读计算机上时,我选择的文本。我不是人读起来像这 ;选择文本在互联网上是重要在很多其他方案。

考虑一个典型的新闻网站。大多数网页将包括新闻文章,其中,用户需要能够选择,因为他们读通过选择文本或因为他们想要共享内容的内容。此外在新闻网页上有一些菜单和链接到网站的其他部分。用户可能不需要选择这些项目。使用-ms-user-select,Web 开发人员可以指定所选文本是新闻文章中允许使用,但不是允许在菜单中。

包括执行此操作的示例。

Screen shot of the user-select Test Drive demo showing one possible markup pattern of -ms-user-select.

设置-ms-user-select:none上整个页面,然后设置 -ms-user-select:element元素包含在博客上后允许只被选中的博客文章的内容。-ms-user-select:element是一个新的属性,首先引入的 IE,我们认为可以在很多情况下有用。设置-ms-user-select:element意味着用户可以选择该元素的文本,但是,所选内容将受到限制的元素范围。人想选择新闻文章的内容可能不想选择页脚元素,只是过去的文章。设置-ms-user-select:element可以轻松地为用户只是选择文章的内容,而不必担心会变鼠标放置完全正确。

-ms-user-select接受四个值:

  • 文本是可选择的text— —
  • element— — 文本是可选的、 限制为元素的边界
  • none— — 文本不可选
  • auto— — 如果元素包含可编辑文本的输入的元素或 contenteditable 元素,如文本是可选。否则选择由父节点的值确定。

auto是的默认值为-ms-user-select.

开发人员可以通过设置关闭文本选择-ms-user-selectnone。在 IE,当文本设置为-ms-user-select:none,用户将无法启动所选文本的那块内。但是,如果用户开始选择在页的不同区域中的文本,选择将持续至任何页面包括地区的区域位置-ms-user-selectnone。在 Firefox,如果开发人员设置–moz-user-select:none然后选择在这一领域无法启动,并且也不能包含在任何其他选择。在 Webkit,设置–webkit-user-select:none会使它显示,如果文本不是包含在所选内容,但是如果您复制并粘贴内容,您将看到内容包括在选定内容中。

user-select了原先建议在模块 ;此模块以来已取代了,但它并不定义该属性。和支持自己的此属性的前缀的版本。然而,如上所述,有了实现的一些差异。

玩上的示例,让我们知道你的想法。

— — 沙龙纽曼,程序管理器、 Ie 浏览器

转载于:https://www.cnblogs.com/shihao/archive/2012/02/11/2346370.html

你可能感兴趣的文章
React引入,运行
查看>>
xunsearch安装使用
查看>>
树&二叉树&二叉搜索树
查看>>
js获取和设置属性
查看>>
svn由于连接方在一段时间后没有正确答复或连接的主机没有反应连接尝试失败...
查看>>
转载:程序员从初级到中级10个秘诀
查看>>
[No0000E6]C# 判断与循环
查看>>
OnItemClickListener,OnScrollListener应用
查看>>
实验报告三
查看>>
Wampserver之 virtualHost
查看>>
Hibernate【inverse和cascade属性】知识要点
查看>>
JavaScript——以简单的方式理解闭包
查看>>
mac搭建本地svn
查看>>
240多个jQuery常用到的插件
查看>>
黑书上的DP例题
查看>>
Android事件总线
查看>>
[转]gcc生成动态库静态库
查看>>
js 类数组arguments详解
查看>>
前段技术学习计划
查看>>
隐藏GridControl的“Drag a column header here to group by that column”
查看>>