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标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块(`<pre>`标签)的功能,特别是添加一个复制代码按钮,使得用户可以方便地复制...
"js 复制代码 兼容多种浏览器"这个主题就聚焦于如何使用JavaScript来实现在不同浏览器上,包括IE、Firefox、Opera和Chrome,都能够稳定地复制文本到剪贴板。 首先,我们了解JavaScript的限制。在早期的浏览器中,...
为了提升用户体验并简化操作流程,本文将介绍两种使用JavaScript实现复制功能的方法,并针对每种方法提供详细的代码示例与解析。 #### 二、方法 在本文中,我们将探讨两种实现复制功能的技术方案。尽管这两种方法都...
标题中的“js在不同浏览器中复制代码的实现”是指JavaScript如何在不同的Web浏览器环境下实现文本复制功能,这在很多网站的代码分享、示例展示中非常常见。在Web开发中,用户经常需要复制代码块,而JavaScript提供了...
复制代码 ``` 接下来,我们需要使用clipboard.js初始化这个按钮,并指定要复制的目标元素: ```javascript var clipboard = new ClipboardJS('.copy-button', { target: function(trigger) { return trigger....
在IT行业中,代码运行、复制和下载是...通过`index.html`和`code.js`这样的文件组合,我们可以构建交互式的代码示例,使用户能够实时看到代码效果,方便地复制代码,以及轻松地下载资源,从而提升用户体验和开发效率。
【标题】:“超级实用且不花哨的js代码大全”是一个集合了JavaScript编程中常见而实用的代码片段的资源包,旨在帮助开发者提高工作效率并解决实际问题。这些代码可能涵盖了一些基础到高级的JavaScript功能,比如用户...
我们可以使用库如clipboard.js来轻松实现复制代码到剪贴板的功能,只需要绑定一个点击事件,调用提供的API即可。至于运行代码,可能需要更复杂的处理,因为这涉及到将代码字符串转化为可执行的JavaScript。可以使用...
这个"js手机端复制文本到剪切板代码.zip"文件提供了一个解决方案,帮助开发者实现在手机上复制文本到用户设备的剪切板。让我们详细探讨一下这个功能的实现方式以及相关知识点。 首先,我们要明白的是,与桌面浏览器...
复制代码 这里是待复制的代码段 ``` 然后,在JavaScript中初始化`zclip`,指定要复制的文本和触发复制的元素: ```javascript $(document).ready(function() { $("#copy-button").zclip({ path: "path/to/...
在移动设备上,JavaScript(简称JS)经常被用于创建交互式用户界面,其中包括常见的功能,如复制和粘贴。在标题“手机移动端 js复制粘贴”中,我们聚焦于使用JavaScript实现在移动设备上实现一键复制到剪贴板的功能...
标签“复制代码”则指向了编程领域的实践,它提示我们需要关注如何在代码编辑器或IDE中复制和粘贴代码片段,这对于学习新代码、调试或共享代码都是至关重要的。在编程中,正确复制代码不仅包括字符的一对一复制,还...
### 实用JavaScript脚本代码详解 #### 一、屏蔽鼠标右键及禁止选取与复制功能 **1. 屏蔽鼠标右键** 在网页开发中,为了保护网站内容不被轻易复制或查看源码,开发者可能会采取一些措施来限制用户的行为。其中一项...
4. **js**:这个目录很可能包含实现HTML转JS功能的JavaScript代码,可能有主逻辑文件和辅助函数等。 5. **css**:这里是样式表文件,用于定义工具界面的样式和布局。 为了实际使用这个工具,你需要打开`...
JavaScript(简称JS)是一种广泛应用于Web开发的轻量级脚本语言,主要用于客户端的网页交互。在当前互联网环境中,JS代码的安全性变得越来越重要,因为恶意用户可能会试图查看、篡改或盗用开发者编写的JS代码。为了...
在JavaScript(JS)编程中,实现文本框(text input)中的文本复制和剪切功能是一项常见的需求。这个名为"JS文本框文本复制剪切代码.zip"的压缩包提供了一个兼容性良好的原生解决方案,适用于各种现代浏览器。在这个...
JavaScript混淆是一种常见的安全措施,用于保护源代码不被轻易阅读和理解。在标题和描述中提到的"混淆js代码,把javascript代码变成()[]!这种乱七八糟的字符",实际上指的是JavaScript代码经过混淆处理后呈现出的形式...
在JavaScript的世界里,将HTML页面转换为图片并允许用户下载保存是一种常见的需求,例如用于屏幕截图、页面预览或者数据可视化。本篇文章将详细介绍如何利用`html2canvas.js`和`canvas2image.js`这两个库来实现这个...
在探讨“禁用右键和复制JS代码”的技术细节前,我们先理解其背后的逻辑与应用场景。在互联网时代,内容创作变得更为便捷,但同时也带来了版权保护的问题。网站开发者为了防止自己的网页内容、图片或代码被轻易复制或...
这个功能在网页交互中非常常见,比如复制代码示例、分享链接等。本篇文章将详细介绍如何使用纯JavaScript实现这个功能,并确保其在所有主流浏览器中都能正常工作。 首先,我们需要了解`clipboard` API,它是现代...