最近都没有什心情去写博文,主要因为心烦的事情渐渐多起来了。 哎!离题了,回到这篇文章了。说到使用js实现点击复制的功能,我下面想说的方法也是和网上的大同小异的。js实现是很简单,最难的是兼容问题,毕竟用IE以外的人还是有很多的。这里,我也是根据网上的相关资源总结一下方法。 方法一,逐一判别处理法方法很简单也很容易懂,就是通过判断客户端浏览器类别,来执行不同的js代码来实现复制功能。虽然从理论上来说,这样是行得通得。但是,事实并没有我们想得那么容易。因为我们并不太清楚一些浏览器下js复制代码的写法,至少我所知道的也就是IE和FF。如果只是兼容IE和FF的话,那么简单得多了。这里我使用一个网上比较有名的判断IE核的方法,字节法,这个也是我常用的。 这里我写个大概的实现复制的构架,具体代码我不粘上来的,网上可以很简单就找到,给大家参考 根据需要可以自行添加不同的判断浏览器代码,实现该浏览器下的复制功能。一般情况下,根据IE > FF > opera/chrome>其他,这样的顺序进行判断。 方法二,flash间接处理法 原理很简单,通过创建一个flash,将复制的内容以变量的方式传递给flash,flash再将内容复制到内存中,这样就实现了复制的功能。只要支持flash,按理上是可以兼容绝大部分的浏览器的,这个方法是我今天看到的,也测试验证了。 安装及使用方法,可以在上面两个网址上找到,E文版,中文版只有通过搜索去找咯! 这里我提供一下实现框架的简单版,这里有用到上面的实现方式。这里有修改的,根据官方版说明方法,在单页面很容易就能实现该功能,但是在实际应用到某些CMS中,可能会遇到一些问题。什么问题呢?IE核页面会弹出 “该页面已终止”。原因很简单,就是js加载未完成就调用。竟然是IE的问题,那么我们就可以使用判断IE的方法,将IE独立出来,其他核就使用flash方法实现。 这里用于判断是否为IE核,IE核将不使用flash处理法,直接使用复制机制 以上为第二种方法的最简单设置方法,将代码放到<head></head>之间即可不管是第一种,还是第二种方法都要在需要复制的页面上添加下面两行代码 设置复制内容的文本域 设置触发对象按钮 这是第二种方法才要添加的,设置检测浏览器 写到这里,大概的步骤就是这样了,其中还有些id的名称可以按需要修改。至少完整代码,可以参考官方的demo。 累了。
推荐整理分享javaScript复制功能调用实现方案(js复制div),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js实现复制文本,js 复制函数,js点击复制功能,js复制对象的方法有哪几种,html js 复制,javascript复制粘贴,javascript 复制,javascript 复制,内容如对您有帮助,希望把文章链接给更多的朋友!
js onkeypress与onkeydown 事件区别详细说明 onkeypress和onkeydown是有区别,下面将讲解onkeypress与onkeydown事件的区别。onkeypress事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍 下面就来详细说一说Javascript中Boolean、Nnumber、String强制类型转换的区别。我们知道Boolean(value)是把值转换成Boolean类型,Nnumber(value)是把值转换成数字(整
js 操作select和option常用代码整理 1、获取选中select的value和text,html代码如下:selectid="mySelect"optionvalue="1"one/optionoptionvalue="2"two/optionoptionvalue="3"three/option/select则可通过以下script代码s来获