行号和复制/粘贴(HTML/CSS)

Question

我可以使用什么JS/CSS技巧来防止在有序列表中复制和粘贴数字？

<OL>
<LI>A
<LI>B
<LI>C
</OL>

1. 一个
2. 乙
3. C

如果它不可行,有哪些替代方案？

谢谢

Answer 1

复制OL的编号是浏览器行为.我相信一些浏览器不会,但大多数浏览器.

一旦页面加载,您可以使用JavaScript重写代码,使其看起来相同但不在下面.这将解决您的复制问题,但会导致其他问题,如可访问性.

基本上实现它的方法是将Javascript中的代码重写为2列,1用编号,1用内容.您可以使用YUI Grids或Blueprint等网格系统来完成此操作.用户可以选择包含其中内容的第二列而不选择第一列.

这个问题是它破坏了屏幕阅读器用户的语义标记,他们不再受益于有序列表.有可能在onmousedown上执行此操作,以便仅当用户尝试选择您重写它的文本时.不是我测试了这个想法.

免责声明:我为雅虎工作!