手机版

Js Flash实现了访问剪贴板的操作

时间:2021-10-07 来源:互联网 编辑:宝哥软件园 浏览:

最近需要遇到这个问题,果断点击按钮复制链接功能,杜娘姑哥。最后我们找到了解决方案ZeroClipBoard,一个实现剪贴板操作的开源js Flash。但是搜索了很多例子,发现大部分都是引入一个页面,只有固定的复制操作

我需要的是这样一个动态的Repeater来动态加载每个地址和复制按钮。这种解决方案的原理是:取js动态加载一个透明flash,然后覆盖在你想要点击的按钮上,再将事件绑定在flash的承载元素上,将复制的值动态转移到flash上。使用flash访问剪贴板。这时,这样的问题就出现了。如果再用flash植入多个按钮,会消耗内存,动态代码也不好写。最终解决方案如下:复制代码: divid=' clip swf ' style=' left :-1000 px;位置:绝对;宽度:80 px;' height:25px'/div 1。现在,一个隐藏的闪存容器被放置在主体中。绝对定位复制代码如下: varlocalhollmanager={ clip : null,clipcontainer 3360 null,initclip : function(){ localhollmanager . clip=new zero clipboard . client();LocalUrlManage。clip container=$(' # clip swf ');LocalUrlManage。clip . sethandarsor(true);LocalUrlManage。clip . setcssfeffects(true);localmanage . clip . addevent listener(' complete ',function (client,text){ tip . right tip(' urlad ',text ','复制成功!');});LocalUrlManage。clip container . html(LocalurlManage。Clip.getHTML(80,25));}} 2.加载页面时,使用js初始化剪贴板的对象,设置鼠标手势和承载容器,然后将flash输出为html并输出到容器中。复制代码如下: onmouseover=' local urlmanager . setclip value(this,#copyUrlValue%#Eval('Id')% ')'单击复制/按钮复制代码如下: setclip value 3360 function(obj,selector El){//browser clip . ieclip($(selector El))。val());varoffset=$(obj)。offset();LocalUrlManage。clip container . offset({ left : offset . left,top : offset . top });LocalUrlManage。Clip.setText($(SelectorEl)。val());}.3.在每个复制按钮上动态绑定事件并将要复制的响应值或控件转移到函数后,将隐藏flash容器的左边距和上边距设置为浮动在触发事件的按钮上,并通过Clip.setText('text ')将要复制的值转移到flash(插件提供的方法)。由此可见,复制多个按钮的功能并没有解决问题,原按钮被flash覆盖后的悬停css切换效果并不灵活。用jquery动态添加样式不是很有效。

版权声明:Js Flash实现了访问剪贴板的操作是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。