jquery 一键复制到剪贴板的简单示例

前端之家收集整理的这篇文章主要介绍了jquery 一键复制到剪贴板的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
经测试代码如下:

/**
 * 一键复制到剪贴板
 *
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/
<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>
// 来自:编程之家 jb51.cc(jb51.cc) 
原文链接:https://www.f2er.com/jquery/527463.html

猜你在找的jQuery相关文章