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

正如你所知道的，双击浏览器中的一个单词选择它，三击会选择整个段落。HTML可用性问题 - （双击）点击选择文本

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

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

的“ ---“生成—，//用于斜体文本并生成<em> </em >。

这是它现在的工作方式，因为我调整了它。现在我想知道可用性。

我的问题是：如何生成标记，使双击IP地址时，整个地址和只有地址将被选中？

标记语言并不重要，您可以提供一个HTML解决方案，但一个特定的维基（dokuwiki）是可取的。

谢谢

来源

2010-06-20 Flavius

这当然是可以解决的，但解决方案可能会很复杂。这个是来做什么的？修改Wiki可能不会更容易，因此它不会自动添加内容吗？ – 2010-06-20 09:19:37

我是一个调整它来添加该内容。它的工作原理，但现在我想知道的可访问性 – Flavius 2010-06-20 09:24:54

这是什么？您的可访问性意味着什么？ – 2010-06-20 09:43:40

感谢大家，但我设法做到这一点，只需使用设置为无边框的只读文本字段和网站背景的背景色。

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

来源

2010-06-26 10:55:34 Flavius

你不能用HTML做到这一点。也许用Javascript。基本上，你只是在特定区域检测到双击，然后选择适当的文本。

编辑：

这里是如何做到这一点的符合W3C标准的浏览器（如Firefox中，它可能会不是在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>

来源

2010-06-20 09:21:57

在最新的chrome中，我作为函数的第一个参数得到的是事件，所以用'e'和'elem'替换了参数'e.target'，它的工作非常好。 – haridsv 2014-10-23 08:03:40

根据'Event'文档，第一个参数实际上是事件对象本身，而不是元素。请参阅https://developer.mozilla.org/en/docs/Web/API/Event。编辑：只注意到你明确地传递了'this'作为第一个参数。 – haridsv 2014-10-23 09:33:07

@haridsv：如果您使用addEventListener（）附加事件处理程序，则这是正确的。当事件与@onclick属性内嵌在一起时，参数由传递给处理程序的任何内容决定，在本例中为'this'，这是元素。现在，将addEventListener（）或jquery附加到onclick属性上可能更好。 – 2014-10-23 09:46:25

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

回答

相关问题