首页 > xhtml&css, 网络技术 > Trackback鼠标点击复制到剪贴板

Trackback鼠标点击复制到剪贴板

2008年9月22日

  上午给自己的博客加上了Trackback的链接,不过放在下面,不方便应用,还是喜欢那种点击一下就复制到剪贴板的功能,网上查询了下,大部分都是那种把一段文本放在一个文本框里面然后点击文本框就可以复制的那种。我个人不喜欢,是相当的不喜欢。

  我喜欢的是简单的,不需要搞多么的复杂,就一段文本的链接,点击下就可以复制多好,搞文本框,不好看,还要在整文本框的样式css,麻烦,况且我对文本框的样式控制本来就不熟悉,甚至可以说是不会,所以我不会搞这样的,找来找去,找到了我现在应用的这种模式,把链接写在一个span标签之内,然后点击这个链接,就可以复制到剪贴板里面了。具体的过程如下。

  首先是一段js代码,放到合适的位置,或者js文件内,或者直接写到模板上面,我就是采用的后者:
<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>

  然后是加入文本那里的了,直接复制上来自己拔去吧: <a href="#" onclick="copyText(document.all.tbid)"><span id="tbid"><?php trackback_url(display); ?></span></a> 

xhtml&css, 网络技术 ,

  1. 2008年9月23日18:09 | #1

    呵呵,搞出来了啊,我收藏了

  2. 2008年9月23日18:32 | #2

    我发现那样不好看也不好用,专门在右边又加上了一个点击复制的链接。

  3. 嗰個人
    2008年12月11日09:28 | #3

    FF下沒效果。

  4. 2008年12月11日10:28 | #4

    恩,onlyie,没办法,自己搞的,不懂编程,搞不定firefox。

  1. 目前还没有任何 trackbacks 和 pingbacks.