goody9807的专栏

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]goody9807的公告

<BR> <center> <BR><BR> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <br> </center> <br> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-744126-13"; urchinTracker(); </script>  <br> <center> <a target=_blank href="http://login.reallink.cn/reg/reg_rl.asp?id=124325263" style='color:red;font-weight:bold'>一个不错的P2P软件,里面肯定有你要的资源</a> <br> <br> <a target=_blank href="http://www.51ini.com" style='color:red;font-weight:bold'>我的爱你网，讨论.Net</a><br> </center> <BR>

[编辑]文章分类

[编辑]XML相关资料

XML Server与XML-enabled Web Server介绍

xmlhttp发送 xml 例子详解

在Asp.net里显示XML格式内容.

[编辑]树的资料

asp.net中的treeview 怎么用

[编辑]数据库连接

CSDN数据库连接大全

DSN方式连接数据库

[编辑]杂类

100分问一个突然出现的Cookie问题，关于添加/删除Cookie的。

c#存取图片 (RSS)

我的主页 (RSS)

高效.TEXTBLOG技巧终结篇

存档

Javascript控制剪贴板大全收藏

看到UBB代码[ code ]视窗的时候会有个"复制到剪贴板"的功能.我觉得很好用.
突然想到文件上传后,出现在"地址(路径)"位置的URL,给他加个复制的按钮吧.
研究了一下原来的代码..
定义函数

程序代码

view plain copy to clipboard print ?

function CopyText(obj) {
ie = (document.all)? true:false
if (ie){
var rng = document.body.createTextRange(); //列出所有文本对象内容
rng.moveToElementText(obj);//移动文本范围以便范围的开始和结束位置能够完全包含给定元素的文本
rng.scrollIntoView();//scrollIntoView 将对象滚动到可见范围内，将其排列到
窗口顶部或底部
rng.select();//选择
rng.execCommand("Copy");//复制
rng.collapse(false);//不太明白..
}
}

然后用

程序代码
<a href="javascript:CopyText(document.all.CODE_8223);">[ 复制代码到剪贴板 ]</a> </td></tr></table><div class="code_main" id="CODE_8223">需要复制的代码...</div>

它主要是选中要复制的文本对象,然后用exeCommand("Copy")来复制.
之后我照班了一个..结果发现<input type=text>里面的东西无法复制..只能选中外面的框..
又在网上找了一些资料...终于有了答案.嘿嘿..
==========================================
javascript Tip(1) 操作剪贴板
javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器
javascript可以使用window.clipboardData对象处理剪贴板内容
保存到剪贴板的方法 setData(param1, param2)
param1 :数据类型 text 或 URL等.
param2 :数据内容

从剪贴板读出数据的方法 getdata(param1)
清空数据的方法 clearData(param1)

下面是一个例子演示

程序代码

view plain copy to clipboard print ?

<HTML>
<HEAD>
<TITLE>测试操作剪贴板</TITLE>
</HEAD>
<script>
function copyToClipboard()
{
var d=document.all("source").value;
window.clipboardData.setData('text', d);
}
</script>
<BODY >
<button onclick="copyToClipboard();">拷贝</button>
<input type="text" size=20 id="source" value="测试数据">
<br>
<button onclick="alert(window.clipboardData.getData('text'));">显示</button>
<button onclick="window.clipboardData.clearData('text');">清空</button>
</BODY>
</HTML>

下面是另一个例子实现页面中选中字符，并拖拉到文本区功能
注意其中的window.event.dataTransfer对象也可处理剪贴板内容，不过只能用在 drag-and-drop 操作中

程序代码

view plain copy to clipboard print ?

<HTML>
<HEAD>
<TITLE>测试操作剪贴板2</TITLE>
</HEAD>
<script>
function transferDrop() {
windowwindow.event.srcElement.innerText = window.event.dataTransfer.getData("text");
window.event.returnValue = false;
}
function transferDrag() {
window.event.dataTransfer.dropEffect = 'move';
window.event.returnValue = false;
}
</script>
<BODY
<p id="mySource" ondragstart="window.event.dataTransfer.effectAllowed =
'move';">选择我们并把我们拖到下面的textarea</p>
<textarea id="myTarget" ondrop="transferDrop();"
ondragover="window.event.returnValue = false;" ondragenter="transferDrag();">
</textarea>
</BODY>
</HTML>

==============================
发现用
window.clipboardData.setData("text",value)
window.clipboardData.getData("text")
window.clipboardData.clearData("text")
很容易控制剪贴板的内容了..

< type=text/JavaScript> alimama_pid="mm_10031633_124168_2563216"; alimama_titlecolor="0000FF"; alimama_descolor ="000000"; alimama_bgcolor="FFFFFF"; alimama_bordercolor="E6E6E6"; alimama_linkcolor="008000"; alimama_bottomcolor="FFFFFF"; alimama_anglesize="0"; alimama_bgpic="0"; alimama_icon="0"; alimama_sizecode="12"; alimama_width=468; alimama_height=60; alimama_type=2; < src="http://a.alimama.cn/inf.js" type=text/javascript>