如何实现点击复制一行?

jupiter418 2011-08-27 05:09:38
页面由数行文字组成,当鼠标移到某行并点击时,则复制这行的内容,请教如何实现?
...全文
169 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
jayrao5566 2011-08-27
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 blue_lg 的回复:]
前提如果是每一行都为不同的div,则问题就变得简单。
添加onclick事件,获取当前的节点的innerHTML 就可以了。。。
[/Quote]
这个思路好。
<div id="d1"></div>
<div id="d2"></div>

$('div').bind('click',function(){$(this).html()})
BLUE_LG 2011-08-27
  • 打赏
  • 举报
回复
前提如果是每一行都为不同的div,则问题就变得简单。
添加onclick事件,获取当前的节点的innerHTML 就可以了。。。
  • 打赏
  • 举报
回复
window.clipboardData.setData需要设置数据类型,正确的语法是
window.clipboardData.setData('类型','内容');
文本数据类型为text.

下面的程序可完成需求:
<div id="theforever_csdn1" onclick="theforever_csdn(this)">aaaaa</div>
<div id="theforever_csdn2" onclick="theforever_csdn(this)">bbbb</div>
<div id="theforever_csdn3" onclick="theforever_csdn(this)">ccc</div>
<div id="theforever_csdn4" onclick="theforever_csdn(this)">dd</div>
<script type="text/javascript">
function theforever_csdn(o){
window.clipboardData.setData('text',o.innerText);
}
</script>
faiinlove 2011-08-27
  • 打赏
  • 举报
回复
在你需要的那行(多行)数据上监听onmouseover事件,事件触发时,读取该行内容。然后调用粘帖板,比如IE浏览器可以使用:window.clipboardData.setData(需要复制的内容);
其他浏览器无法调用黏贴板,可以使用flash插件。

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧