html – div contentEditable但Readonly

前端之家收集整理的这篇文章主要介绍了html – div contentEditable但Readonly前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有一些文本的div,我希望当光标悬停此div时选择文本.如果我按原样让这个div,当尝试选择所有(CTRL A)时,我选择所有页面内容,这意味着所有正文.

为了摆脱这个,我需要为这个div使用contenteditable属性.

但我不想让人们改变文字/复制/剪切等等

我尝试使用readonly这个div,但不起作用.

有什么建议吗?

PS1:这个div里面还有其他标签(html内容),但我不认为这是一个问题.

PS2:这里有一个例子:jsfiddle.net/msakamoto_sf/wfae8hzv/ – 但有问题.你可以剪切文字:(

解决方法

您可以通过处理“cut”事件并调用其preventDefault()方法来阻止用户进行切割.这将防止任何用户输入(包括浏览器的上下文菜单或编辑菜单)的剪切,而不仅仅是通过特定的组合键.

这个例子使用jQuery,因为你的jsFiddle使用它:

$("#editablediv").on("cut",function(e) {
    e.preventDefault();
});
原文链接:https://www.f2er.com/html/227230.html

猜你在找的HTML相关文章