HTML可用性问题 - (双击)单击以选择文本

时间:2010-06-20 09:09:10

标签: html usability accessibility wiki dokuwiki

众所周知,双击浏览器中的单词会选择它,三击会选择整个段落。

我正在调整一个wiki,其中匿名用户的签名会自动创建,它们看起来像:

--- //< ip.ad.dr.ess> //

“---”生成 - ,//用于斜体文本并生成< em>< / em>。

这是它现在的工作原理,因为我调整了它。现在我想知道可用性。

我的问题是:如何生成标记,以便在双击IP地址时,将选择整个地址和仅地址?

标记语言无关紧要,您可以提供HTML解决方案,但最好使用wikis(dokuwiki)。

由于

2 个答案:

答案 0 :(得分:5)

感谢大家,但我设法通过使用没有边框的只读文本字段和网站背景的背景颜色来实现。

双击按预期工作,而不依赖于客户端脚本。

答案 1 :(得分:2)

你不能用HTML做到这一点。也许用Javascript。基本上,您只需检测某个区域的双击,然后选择适当的文本。

编辑:

以下是如何在符合W3C标准的浏览器中执行此操作(例如Firefox,它可能无法在IE中运行,IE不是符合W3C标准的浏览器并使用不同的文本选择模型):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <head>
        <script type="text/javascript">
            function select(elem) {
                var sel = window.getSelection();
                var range = sel.getRangeAt(0);
                range.selectNode(elem);
                sel.addRange(range);
            }            
        </script>
    </head>
    <body>
        <p>a simple paragraph, this is 
            <span onclick="select(this);">clickable area</span> 
            when this 
            <span ondblclick="select(this);">span tag is double-clicked</span>
            then they will be selected
        </p> 
    </body>
</html>