javascript - 禁用选择 HTML 元素内的文本

标签 javascript css html

<分区>

我为用户添加了拖动选择文本进行复制的选项(使用 CSS 属性 user-select)。问题在于它还会从其他 HTML 元素复制文本:

<div class='select'>text</div>
<div class='no-select'>
    <b>no-select text</b>
</div>
<div class='select'>text</div>

所以我得到:

text

no-select text

text

有什么想法吗?

最佳答案

您可以使用 :before:after 完成此操作 pseudo-elements :

HTML

<div class="select">text</div>
<div class="no-select">
    <strong data-text="no-select text">no-select text</strong>
</div>
<div class="select">text</div>

CSS

div.no-select > strong[data-text]:after {
    content: attr(data-text);
}

JSFiddle Demo

关于javascript - 禁用选择 HTML 元素内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17213366/

上一篇:html - CSS 下拉菜单对齐不起作用

下一篇:html - Firefox 中标签和复选框之间的额外空间

相关文章:

javascript - AngularJS Controller 在应用程序上触发两次

javascript - 如何使用 JavaScript 解析值?

javascript - ajax 查询我的内容是自动选择的我如何选择这是测试查询

javascript - 你能说出为什么 javascript 函数没有在 profile.php 的提交按钮中执行吗

java - 如何在服务器和 GWT 客户端之间使用 RSA?

javascript - 嵌套对象内的函数调用失败

javascript - div 不在页面顶部同时使位置固定在 html 页面中

javascript - "this"等于 window 而不是我的 wrapper-div

html - CSS Chrome 在使用位置 : fixed; 时不更新中心位置

javascript - 如何在 Angularjs 中访问表单值?