`
蚂蚁路过
  • 浏览: 6647 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[转]常见Js复制代码

阅读更多

 

 

1、复制专题地址和url地址

 

<input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制地址"> 

 

<script language="javascript"> 
   function copyToClipBoard(){ 
    var clipBoardContent=""; 
    clipBoardContent+=document.title; 
    clipBoardContent+=""; 
    clipBoardContent+=this.location.href; 
    window.clipboardData.setData("Text",clipBoardContent); 
    alert("复制成功!"); 
 } 
</script>
 

 

2、复制url地址

<input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址"> 
 <script language="javascript">    
	function copyUrl() { 
    		var clipBoardContent=this.location.href; 
    		window.clipboardData.setData("Text",clipBoardContent); 
    		alert("复制成功!"); 
   	} 
</script>

 

3、点击文本框时,复制文本框里面的内容

 

<input onclick="oCopy(this)" value="你好.要copy的内容!"> 
 
<script language="javascript"> 
function oCopy(obj){ 
obj.select(); 
js=obj.createTextRange(); 
js.execCommand("Copy")
alert("复制成功!"); 
} 
</script>
  

4、复制文本框或者隐藏域中的内容

<script language="javascript"> 
function CopyUrl(target){ 
target.value=myimg.value; 
target.select();   
js=myimg.createTextRange();   
js.execCommand("Copy"); 
alert("复制成功!"); 
} 
function AddImg(target){ 
target.value="[IMG]"+myimg.value+"[/ img]";
target.select(); 
js=target.createTextRange();   
js.execCommand("Copy"); 
alert("复制成功!"); 
} 
</script> 

 

<input name=myimg type=hidden id=myimg value="http://pmp.cnblogs.com" /> 
<input name=imgurl type=text size=32 value="http://pmp.cnblogs.com" /> 
<input type=button value="点击这里复制本站地址" onclick="CopyUrl(imgurl);" />
 


5、复制span标记中的内容

 

<script type="text/javascript">function copyText(obj)   
{ 
var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
rng.collapse(false);
alert("复制成功!"); 
} 
</script>
 

以下是代码片段:

 

<br /> 
<br />
<span id="tbid">http://pmp.cnblogs.com</span>   
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/> 
<span id="tbid2">http://www.cnblogs.com/pmp</span>   
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>

 来源:http://apps.hi.baidu.com/share/detail/31031953

 

分享到:
评论

相关推荐

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    标题中的"【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块(`&lt;pre&gt;`标签)的功能,特别是添加一个复制代码按钮,使得用户可以方便地复制...

    js 复制代码 兼容多种浏览器

    "js 复制代码 兼容多种浏览器"这个主题就聚焦于如何使用JavaScript来实现在不同浏览器上,包括IE、Firefox、Opera和Chrome,都能够稳定地复制文本到剪贴板。 首先,我们了解JavaScript的限制。在早期的浏览器中,...

    【JavaScript源代码】js实现复制粘贴的两种方法.docx

    为了提升用户体验并简化操作流程,本文将介绍两种使用JavaScript实现复制功能的方法,并针对每种方法提供详细的代码示例与解析。 #### 二、方法 在本文中,我们将探讨两种实现复制功能的技术方案。尽管这两种方法都...

    js在不同浏览器中复制代码的实现

    标题中的“js在不同浏览器中复制代码的实现”是指JavaScript如何在不同的Web浏览器环境下实现文本复制功能,这在很多网站的代码分享、示例展示中非常常见。在Web开发中,用户经常需要复制代码块,而JavaScript提供了...

    使用clipboardjs实现仿CSDN代码复制功能

    复制代码 ``` 接下来,我们需要使用clipboard.js初始化这个按钮,并指定要复制的目标元素: ```javascript var clipboard = new ClipboardJS('.copy-button', { target: function(trigger) { return trigger....

    代码运行 复制代码 下载

    在IT行业中,代码运行、复制和下载是...通过`index.html`和`code.js`这样的文件组合,我们可以构建交互式的代码示例,使用户能够实时看到代码效果,方便地复制代码,以及轻松地下载资源,从而提升用户体验和开发效率。

    [转]超级实用且不花哨的js代码大全

    【标题】:“超级实用且不花哨的js代码大全”是一个集合了JavaScript编程中常见而实用的代码片段的资源包,旨在帮助开发者提高工作效率并解决实际问题。这些代码可能涵盖了一些基础到高级的JavaScript功能,比如用户...

    在网页中实现运行代码-复制代码-收藏代码-另存代码框效果

    我们可以使用库如clipboard.js来轻松实现复制代码到剪贴板的功能,只需要绑定一个点击事件,调用提供的API即可。至于运行代码,可能需要更复杂的处理,因为这涉及到将代码字符串转化为可执行的JavaScript。可以使用...

    js手机端复制文本到剪切板代码.zip

    这个"js手机端复制文本到剪切板代码.zip"文件提供了一个解决方案,帮助开发者实现在手机上复制文本到用户设备的剪切板。让我们详细探讨一下这个功能的实现方式以及相关知识点。 首先,我们要明白的是,与桌面浏览器...

    js+flash 实现复制效果

    复制代码 这里是待复制的代码段 ``` 然后,在JavaScript中初始化`zclip`,指定要复制的文本和触发复制的元素: ```javascript $(document).ready(function() { $("#copy-button").zclip({ path: "path/to/...

    手机移动端 js复制粘贴

    在移动设备上,JavaScript(简称JS)经常被用于创建交互式用户界面,其中包括常见的功能,如复制和粘贴。在标题“手机移动端 js复制粘贴”中,我们聚焦于使用JavaScript实现在移动设备上实现一键复制到剪贴板的功能...

    复制链接,文字代码

    标签“复制代码”则指向了编程领域的实践,它提示我们需要关注如何在代码编辑器或IDE中复制和粘贴代码片段,这对于学习新代码、调试或共享代码都是至关重要的。在编程中,正确复制代码不仅包括字符的一对一复制,还...

    实用JavaScript脚本代码大全

    ### 实用JavaScript脚本代码详解 #### 一、屏蔽鼠标右键及禁止选取与复制功能 **1. 屏蔽鼠标右键** 在网页开发中,为了保护网站内容不被轻易复制或查看源码,开发者可能会采取一些措施来限制用户的行为。其中一项...

    前端工具 - HTML转JS工具

    4. **js**:这个目录很可能包含实现HTML转JS功能的JavaScript代码,可能有主逻辑文件和辅助函数等。 5. **css**:这里是样式表文件,用于定义工具界面的样式和布局。 为了实际使用这个工具,你需要打开`...

    (JS)代码加密工具

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级脚本语言,主要用于客户端的网页交互。在当前互联网环境中,JS代码的安全性变得越来越重要,因为恶意用户可能会试图查看、篡改或盗用开发者编写的JS代码。为了...

    JS文本框文本复制剪切代码.zip

    在JavaScript(JS)编程中,实现文本框(text input)中的文本复制和剪切功能是一项常见的需求。这个名为"JS文本框文本复制剪切代码.zip"的压缩包提供了一个兼容性良好的原生解决方案,适用于各种现代浏览器。在这个...

    混淆js代码,把javascript代码变成()[]!这种乱七八糟的字符,但是不影响其运行.zip

    JavaScript混淆是一种常见的安全措施,用于保护源代码不被轻易阅读和理解。在标题和描述中提到的"混淆js代码,把javascript代码变成()[]!这种乱七八糟的字符",实际上指的是JavaScript代码经过混淆处理后呈现出的形式...

    js实现html转图片并下载保存

    在JavaScript的世界里,将HTML页面转换为图片并允许用户下载保存是一种常见的需求,例如用于屏幕截图、页面预览或者数据可视化。本篇文章将详细介绍如何利用`html2canvas.js`和`canvas2image.js`这两个库来实现这个...

    禁用右键和复制JS代码

    在探讨“禁用右键和复制JS代码”的技术细节前,我们先理解其背后的逻辑与应用场景。在互联网时代,内容创作变得更为便捷,但同时也带来了版权保护的问题。网站开发者为了防止自己的网页内容、图片或代码被轻易复制或...

    纯js实现复制文本并提示复制成功(干货)适用所有浏览器

    这个功能在网页交互中非常常见,比如复制代码示例、分享链接等。本篇文章将详细介绍如何使用纯JavaScript实现这个功能,并确保其在所有主流浏览器中都能正常工作。 首先,我们需要了解`clipboard` API,它是现代...

Global site tag (gtag.js) - Google Analytics