摘要:
网页设计者们,有时为了更好的互动效果,需要利用JS实现点击按钮自动复制input表单里的内容的功能。flymorn为大家献上一段这样的js代码。关键字:
JS 点击按钮 自动复制 表单 input 内容 正文:
网页设计者们,有时为了更好的互动效果,需要利用JS实现点击按钮自动复制input表单里的内容的功能。flymorn为大家献上一段这样的js代码。
代码如下:
========================================================
<script language="JavaScript" type="text/JavaScript">
<!--
//复制input内容;
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy");
alert("该网址已经复制到您的剪贴板中,\n\n您可以使用Ctrl+V快捷键粘贴到QQ、论坛、博客等……\n\n欢迎您的使用-Www.Cn-Pn.Com!");
}
-->
</script>
<input name="u" size="50" value="http://www.cn-pn.com/wish/mid-autumn-festival.htm" onclick="oCopy(this)" style="cursor:hand">
========================================================
注意:在input属性里不要忘了加上:onclick="oCopy(this)";更多的演示参考:http://www.cn-pn.com/,飘网中国。