复制到剪切板 - 兼容 ie, firefox, chrome & flash10

从 discuz! 里扒出来的(简易实现), 代码如下:

var clipboardswfdata;
var setcopy_gettext = function(){
    clipboardswfdata = document.getElementById('data').value;
    window.document.clipboardswf.SetVariable('str', clipboardswfdata);
}
var floatwin = function(){
    alert('copy success, ' + clipboardswfdata);
}
<input type="text" name="data" value="xxxxx11111" id ="data" />
<div id="clipboard_content">
<span class="clipinner" id="clipinner">点此复制到剪贴板
<embed name="clipboardswf" class="clipboardswf" id="clipboardswf" onmouseover="setcopy_gettext()" devicefont="false" src="./clipboard.swf" menu="false" allowscriptaccess="sameDomain" swliveconnect="true" wmode="transparent" type="application/x-shockwave-flash" height="20" width="100"></span>
</div>
body {font-size:12px;}
.clipinner {position:relative;}
.clipboardswf {position:absolute; left:0; top:0;}

实现稍微有些恶心, 用 onmouseover 事件往 flash 中传递数据

另: 没有对ie单独处理, ie中推荐使用 window.clipboardData

演示地址: demo.html

演示代码下载: clipboard.zip

另: google code 上有个 zeroclipboard 的项目, 如果想要方便的话, 也可以使用

地址: http://code.google.com/p/zeroclipboard/

2010-04-13 199 clipboard flash javascript XHTML

Ajax 提交数据加号与连接符丢失

采用Ajax传递数据时,通常会将数据整理为data="var1=abc&var2=def"。而当数据中存在加号(+)或是连接符(&)时,服务器端接收数据时会有部分数据丢失现象。分析一下Ajax传递数据的格式与Javascript的语法不难发现:

  1. "+"号:JavaScript解析为字符串连接符,所以服务器端接收数据时"+"会丢失。

  2. "&":JavaScript解析为变量连接符,所以服务器端接收数据时&符号以后的数据都会丢失。

解决办法也相当简单,只需要为+与&符号编码即可:

function vchar(str) {   
    str = str.replace(/\+/g, "%2B");   
    str = str.replace(/\&/g, "%26");   
    return str;   
}   

var1 = "abc+kef";   
var2 = "abc&kef";   
var1 = vchar(var1);   
var2 = vchar(var2);   
alert(var1);   
alert(var2);  

使用jquery的话可以使用如下方式提交

var params = $('input, textarea').serialize();

$.ajax({
    type: 'post',
    url: 'xxxx.php',
    data: params,
    success: function(response){
        ......
    }
});
2009-01-08 193 ajax javascript jquery

Js控制输入字符数限制

function ismaxlength(obj){ 
    var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : "" 
    if (obj.getAttribute && obj.value.length>mlength) 
    obj.value=obj.value.substring(0,mlength) 
} 
2008-01-23 184 javascript