如何在contentEditable div中制作可点击的锚点？
如何在contentEditable div中制作可点击的锚点？
提问于 2012-08-22 00:25:41
我有以下代码：
<div contentEditable="true">
Blah blah <a href="http://google.com">Google</a> Blah blah
</div>有没有办法让这个a在不移动锚点的情况下是可点击的，不可编辑的？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-08-22 00:32:40
只需将链接包装在另一个div中，如下所示：
<div contentEditable="true">
<div contentEditable="false">
Bla bla <a href="http://google.com">Google</a> Bla bla
</div>
</div>Stack Overflow用户
发布于 2014-05-14 02:18:36
使链接本身不可编辑(至少在HTML5上有效)：
<a contenteditable="false" href="http....... >
Stack Overflow用户
发布于 2019-01-03 07:48:16
为了获得一个可点击和可编辑的链接，我在链接中放了一个onclick-命令。示例：
<a contenteditable="true" href="necessary?" onclick="document.location = 'www.xy.com';" ...>
<img src="image.jpg" draggable="true" ...>
</a>缺点是:在IE中，链接必须点击两次。在移动Safari中，显示了键盘(可以用Javascript隐藏)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12059211
复制相关文章
相似问题