新普京网站-澳门新普京 > 新普京网站 > 新普京网站:用js将内容复制到剪贴板包容浏览器_javascript技术_脚本之家

新普京网站:用js将内容复制到剪贴板包容浏览器_javascript技术_脚本之家

2019/12/29 22:57

若想经过js将内容复制到剪贴板,本来轻易,不过若寻思到浏览器的宽容性难题,就变的轻微麻烦,使用jquery-zclip复制是多个对的的选项,借助flash达成浏览器的十分。原理就不细讲了,上边说下怎么落实。比方作者的html代码如下: 复制代码 代码如下:

要复制的内容1 要复制的内容2澳门新普京要复制的内容3

新普京网站 ,js文件总共须求四个,jquery就绝不说了,再不怕jquery-zclip.js和ZeroClipboard.swf,那八个文本能够在官方网站上下载,地址如下: 生成复制开关的js如下 复制代码 代码如下:

这么就会时刻跨浏览器的复制了,本来不是很难的事情,作者做测量试验的时候也挺顺遂的,能够当自个儿把她放到项目中就出难题了,复制按键发生地方未有flash,唯有文字,后来开采,其实flash生成了,可是并未有在文字所在的任务,推测和自个儿项目后台使用的是iframe构造有关系,预计那是那一个插件的二个bug吧,后来查了广大材质,有的人讲,须要改下代码就足以了,后来笔者改了,下,果然就能够了 必要校订的代码如下 复制代码 代码如下: getDOMObjectPosition: function { // get absolute coordinates for dom element var info = { left: 0, top: 0, width: obj.width ? obj.width : obj.offsetWidth, height: obj.height ? obj.height : obj.offsetHeight }; if (obj && { //info.left += obj.offsetLeft; //修正前 //info.top += obj.offsetTop; //改良前 jpos = $; //纠正后 info.left += jpos.left; //改革后 info.top += jpos.top; //改过后 } return info; } 其实那和这么些插件的规律有关联,他就将多少个晶莹剔透的flash覆盖到开关的地点,若他们多少个不重合,就应时而生了地点的主题材料。

上一篇:JS对文本框值的判断示例_javascript技巧_脚本之家,HTML输入框只能输入数字或数字字母组合 下一篇:jquery澳门新普京:、js操作checkbox全选反选_javascript技巧_脚本之家