位置:首页 > 网络编程 > jQuery
jQuery 浅析一键复制到剪贴板
日期:2023-01-07 人气:

大家好,对jQuery 浅析一键复制到剪贴板感兴趣的小伙伴,下面一起跟随三零脚本的小编来看看jQuery 浅析一键复制到剪贴板的例子吧。

经测试代码如下:
/**
 * 一键复制到剪贴板
 *
 * @param 
 * @arrange (三零脚本) www.q3060.com
 **/
<script src="/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/jquery.zclip.min.js"></script>

    <input type="text" id="copy_value"/>
    <input class="copy_btn" type="button" value="一键复制"/>
    <br/><br/>
    <input type="text" id="copy_value"/>
    <input class="copy_btn" type="button" value="一键复制"/>
    <br/><br/>
    <input type="text" id="copy_value"/>
    <input class="copy_btn" type="button" value="一键复制"/>
    <script>
        $(document).ready(function(){
            if ( window.clipboardData ) {
                $('.copy_btn').click(function() {
                    window.clipboardData.setData("Text", $(this).prev('input').val());
                    alert('复制成功!');
                });
            } else {
                $(".copy_btn").zclip({
                    path:'/js/ZeroClipboard/ZeroClipboard.swf',
                    copy:function(){return $(this).prev('input').val();},
                    afterCopy:function(){alert('复制成功!');}
                });
            }
        });    
    </script>
// 来自:三零脚本(www.q3060.com) 

您可能感兴趣的文章