代码片段 → JavaScript → 自动选中文本区域文本 自动选中文本区域文本 Chris Coyier 于 2009年8月11日 <textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly"> example text </textarea>
比使用 jQuery 简单多了。这表明,快速搜索可以节省大量时间,以及最终网站上的 KB。感谢 Chris!
非常感谢!!!这真的很有帮助,另一个技巧很糟糕!!!
不错
对于设计师来说,在帮助下非常简单
有效!!!!
浏览 http://www.rapidmaza.com 以发送 400 个字符的免费短信和免费短信 API
谢谢……它有效!^^
很棒并且有效!谢谢。
正是我想要的……谢谢!
您是否有使它自动复制到剪贴板的代码?那会让我的生活变得完整哈哈。
干杯
Stef
只需在 this.select() 后编写 document.execCommand('copy');
遗憾的是,出于安全原因,我们不允许直接从 JS 复制到剪贴板。有很多变通方法,但大多数情况下,您应该只是告诉他们自己使用 Cntrl+C。另外,我认为我的回复有点晚了。哈哈。您可能已经解决了!
这在 iOS 设备上不起作用。我看到有人提到 setSelectionRange() 在那里有效,但我无法在 iOS 中使其工作:http://jsfiddle.net/zBa5n/2/
有谁知道如何做到这一点?
对我有用。谢谢!
@Stef:我也寻找了您询问的内容,并找到了这篇文章:http://brooknovak.wordpress.com/2009/07/28/accessing-the-system-clipboard-with-javascript/
最后,我使用了 CTRL+C/CTRL+P 的说明,因为访问剪贴板最终听起来像是一场噩梦。如果对 YouTube 来说足够好,对我来说也足够好。
这个是在鼠标悬停时
*textarea cols="35" rows="3" onmouseover="this.focus()" onfocus="this.select()">>
文本在此处
*/textarea>
更简单且更正确
onfocus="this.select()"
不要完全依赖鼠标来驱动事件,使用通用方法,因为键盘也会驱动事件(有些人使用 Tab 键比使用鼠标更快地循环遍历字段)。XBox 控制器也与此场景相关。
这也具有额外的好处,即当用户想要在文本区域中仅拖动选择文本的一部分时,不会选择所有文本。原始解决方案始终选择所有文本,这可能会让只想选择部分文本的用户感到沮丧。
代码运行得非常完美!谢谢,我一直在互联网上到处寻找这样的东西!
哦,这很有帮助
如何自动突出显示“预代码”?您能提供指导吗?谢谢
那么 Ajax 加载的文本区域呢?它们几乎都会失败。
它对我有用。谢谢
感谢这个,它也有帮助!
这只会替换第一个实例,您可以替换所有匹配的单词吗?
抱歉,错误的线程
在 Chrome 上不起作用。
不!我刚刚在几分钟前测试过。它在 Chrome 上可以工作。检查您的浏览器是否启用了 JS!
我正在尝试将复制到剪贴板的功能添加到我的 WordPress 网站中。有什么建议吗?
谢谢,我正在使用它,我想更改文本区域中显示的内容以及一次点击即可选择的内容,具体取决于复选框。
如果您查看此处(http://indiegospel.org/widget),您会看到一个小部件页面。我的小部件有一个“获取此小部件”标签,该标签链接到小部件页面以使其“病毒式传播”或“可共享”。我想使用复选框使该链接可选,以便根据用户选择在文本区域中显示或不显示“获取此小部件”标签。
此处有一个使用复选框的有效示例,该复选框控制此 Feedburner 小部件中“获取此内容”代码的显示 - http://feedburner.google.com/fb/a/headlineanimator/install?target=code&id=2392250btql00tmh66lqp000ms&w=2
我基本上是在尝试使用我的小部件做与他们相同的事情。
运行良好
谢谢
我还有一个问题,如何添加按钮以复制选定的文本?
我正在尝试做同样的事情 - 在文本区域旁边添加一个按钮或文本,上面写着“复制文本” - 搜索谷歌却一直显示此页面……请帮我一下@jaycameron
运行良好。除了 Tab 键。单击它后它变得可编辑,但是当我使用键盘上的 Tab 键时,它没有突出显示或可编辑。有什么办法解决这个问题吗?谢谢
我知道它是在一段时间前发布的,但是您是否收到了对此的回复?
我正在尝试做同样的事情,当使用 Tab 键时!想不出来。
谢谢
你好,
谢谢,
它在任何地方都能工作,甚至在 Chrome 中!
谢谢。
有人对Dody的帖子有后续跟进吗?我也需要这个在预代码中工作。我试图让它选择我的横幅代码。简单来说,就是一个使用基本a href标签链接的img标签。绝对没有花哨的东西。
感谢这段代码片段。实现了我的需求。
太好了,它起作用了!
谢谢
有没有办法将文本区域复制到剪贴板
谢谢。它在我的博客上有效。查看
http://www.brupak.com.np/2015/03/disable-copy-and-right-click-on-blog.html
有效
https://jsfiddle.net/PianoGuy324/8vgssn93/
有人找到针对Safari的解决方案了吗?对我来说它不起作用……