jquery 一键复制到剪贴板的解决办法

这篇文章主要为大家详细介绍了jquery 一键复制到剪贴板的简单示例，具有一定的参考价值，可以用来参考一下。

/**
 * 一键复制到剪贴板
 *
 * @param 
 * @arrange （www.idcnote.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>
// 来自：php教程（www.idcnote.com） 

注：关于jquery 一键复制到剪贴板的简单示例的内容就先介绍到这里，更多相关文章的可以留意