DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery使用jquery.zclip插件復制對象的實例教程
jquery使用jquery.zclip插件復制對象的實例教程
編輯:JQuery特效代碼     

. 代碼如下:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.min.js"></script>

. 代碼如下:
$(function(){
    $('#copy_input').zclip({
        path: 'js/ZeroClipboard.swf',
        copy: function(){//復制內容
            return $('#mytext').val();
        },
        afterCopy: function(){//復制成功
            $("<span id='msg'/>").insertAfter($('#copy_input')).text('復制成功');
        }
    });
});

值得注意的是如果是復制的內容來自輸入框input、textarea等,copy對象使用:

. 代碼如下:
copy: function(){
    return $('#mytext').val();
}

如果是復制的內容來自頁面元素div、p之類的,copy對象使用:

. 代碼如下:
copy: $('#mytext').text();

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved