HTML 可用性问题 - （双击）选择文本

发布于 2024-09-06 11:49:51 字数 352 浏览 11 评论 0原文

众所周知，在浏览器中双击一个单词可以选择它，三次单击可以选择整个段落。

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

--- ////

“---”生成一个 — ， // 用于斜体文本并生成。

这就是我现在的工作方式，我对其进行了调整。现在我想知道可用性。

我的问题是：如何生成标记，以便在双击 IP 地址时，将选择整个地址并且仅选择该地址？

标记语言并不重要，您可以提供 HTML 格式的解决方案，但最好是专门针对 wiki (dokuwiki) 的解决方案。

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小草泠泠 2024-09-13 11:49:51

感谢大家，但我已经设法通过使用无边框的只读文本字段集和网站背景的背景色来做到这一点。

双击按预期工作，无需依赖客户端脚本。

回复收藏 0 原文

诺曦 2024-09-13 11:49:51

使用 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>

You can't do that with HTML. Maybe with Javascript. Basically, you just detect double clicks in a certain area and then select the appropriate text.

EDIT:

Here's how to do it in W3C compliant browser (e.g. Firefox, it probably won't work in IE, which isn't a W3C compliant browser and uses different text selection model):

<!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>

回复收藏 0 原文

~没有更多了~