弹出层中都可以用的复制功能

<html>
<head>
<title>复制案例</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>
<body>
    <p>兑换码:<em id="num_input">32132132132131</em></p>
    <a class="copy" id="copy" data-clipboard-target="num_input" href="javascript:;">复制</a>
</body>
<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<script type="text/javascript">
    if($.browser.version==6.0){
        //针对ie6
        $(‘#num_copy‘).click( function (){
            var code=$("#num_input").val();
            window.clipboardData.setData("Text",code);
            alert("复制成功!");
        });
    }else{
        var clip = new ZeroClipboard($("#copy"));
        ZeroClipboard.config( {
            forceHandCursor: true
        });
        ZeroClipboard.on("aftercopy", function(e) {
            alert("复制成功!");
            ZeroClipboard.deactivate();
        });
    }
</script>
</html>

js中需要放一个ZeroClipboard.swf去加载,否则不能生效,需要的文件自己在网上可以很容易找到。

时间: 2024-11-06 01:54:13

弹出层中都可以用的复制功能的相关文章

权限管理系统之LayUI实现页面增删改查和弹出层交互

由于对LayUI框架不太熟悉,昨天抽空看了下LayUI的文档,今天在网上找了使用LayUI进行增删改查相关内容,自己照葫芦画了个瓢,画瓢部分不是很难,主要是下午遇到了一个弹出层的问题耗时比较久. 同一项目,设计风格都差不多,对于涉及单个数据表的页面,基本都是增删改查,布局都是差不多,实际项目中都是复制.粘贴过来改下数据基本就能完成80%,后续就是修修补补或者是要实现一些特殊需求,记得刚参加工作时,老大直接给了一个已经做好的模板页面让我比对着手动敲一遍,当时觉得重复操作没啥用,现在再看觉得作用很大

jQuery点击弹出层,弹出模态框,点击模态框消失

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 <!DOCTYPE html>

JS简易弹出层手机版

简单说明 手机弹出层模枋了WEIUI.弹出层原理还是依照bootstrap 去掉了PC端的ESC关闭.点击背景层时也不默认关闭. 模板样子 CSS样式 /*弹出时给body加上这个,关闭时去掉*/ .overhide { overflow: hidden; } /*关键样式 遮罩层的*/ .msgboxshadow { position: fixed; /*固定定位*/ left: 0; top: 0; right: 0; bottom: 0; opacity: .5; /*背景透明度.这里没有

2.3 弹出层效果

中心主题:点击按钮的时候触发弹出层,点击弹出框上面的红色叉叉关闭弹出层 一.HTML结构 <div class="maskFuc"> <div class="maskWrap"></div> <div class="mask"> <h2> 我们是遮罩层内容的头部<span>×</span></h2> </div> <button cl

弹出层,阻止页面滚动--阻止事件冒泡

今天要实现一个效果:点击图片后弹出一个浮层,该浮层内容比较多,设置overflow:auto;希望浮层滚动的时候,底层的页面是不动的.在网上查了很多,都没有找到解决方案,有人在问,但是并没有人回答.所以特地跑去问了师傅,在这里分享一下,希望遇到同样问题的小白,可以有所帮助. 首先,把底层页面放在一个div中,包起来,设置它的css样式: 1 #main{ 2 position: fixed; 3 width: 100%; 4 top:0; 5 height:100%; 6 z-index:1;

作品第二课----弹出层

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> <style type="text/css"> body, html { height:100%; overflow: hidd

实现一个简单的弹出层

弹出层的实现方式是让一个块层遮挡住最底下的层,在最顶上显示相应的内容,因为最底下的块级和最上面的块级属于一个页面,他们之间也可以共享一些数据(实现一些特定的操作) 下面是简单的一个实现的过程 首先我们定义一个基本的页面结构 <div id="show"> //最底下的层 <input type="button" value="测试" id="test"/> </div> <div id

求出数组中所有数字的和&amp;&amp;弹出层效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jQuery点击自身以外地方关闭弹出层

$(function(){ $(document).bind("click", function (e) { if($(e.target).closest("#txt").length>0){ $("#tip").show(); }else{ $("#tip").hide(); } }); }); closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身.如果不匹配则向上查找父元素,一层一层往上,直到找到匹配