jquery複製圖片

標籤：asc   ror   new   訪問   board   type   turn   error   https   

 

<div class="img-div">
           <a href="javascript:void(0);"><img class="img-responsive" src="{{$v.OutURL}}"></a>
 </div>

<script src="/assets/js/jquery.min.js"></script>  //首先引用JQUERY

<script src="/assets/js/clipboard.js"></script>  //再引用clipboard.js  訪問clipboard.js項目首頁下載——https://github.com/zenorocha/clipboard.js

<script type="text/javascript" >　　

$(function() {
            var clipboard = new Clipboard(‘.img-div‘, {           //.img-div觸發複製事件

                target: function(trigger) {           //trigger 相當於“.img-div”
                    return $(trigger).find("a")[0];　　、、return 需要複製的內容
                }
            });
            clipboard.on(‘success‘, function(e) { //複製成功後需要執行的function
                //您可以加入成功提示
                console.info(‘成功‘);

                e.clearSelection();
            });
            clipboard.on(‘error‘, function(e) {//複製失敗後需要執行的function
                //您可以加入失敗提示
                console.error(‘失敗‘);
            });

        });

</script>

jquery複製圖片