1. 程式人生 > >JS復制

JS復制

item 特定 spa attr sed ndt spl window tst

* 復制

1、復制文本

1、點擊即可復制:

技術分享圖片
 <!--處理時間-->
    @{var sTrclick = string.Format("onclick=copydata(this,‘{0}‘,‘{1}‘)", item.f_id, item.f_accounts + "-" + Base.SiteNumber); }
<td @sTrclick>
         <span class=‘red‘>@item.f_spendTime</span>
 </td>


<script>
        //
組裝特定數據到剪切板 function copydata(me, f_id, f_account,f_money) { //銀行存款:10837119 P62308-21 彰化珮其-A11- (約), 20000 var bObj = $(me).closest("tr").find("td[name=‘Fbook‘]"); var f_book = bObj.find("select option:selected").text(); var f_book1 = bObj.find("
span").text() var f_money = $(me).closest("tr").find("td[name=‘fMoney‘] font").text(); var _vTxt = f_id + " " + f_account + " " + (f_book || f_book1) + "," + f_money.replace(/,/g, ‘‘); copyToClipboard(_vTxt); layer.tips(jsonCode["Font_fuzhichenggong"
], $(me)) } </script>
前臺代碼

common.js通用復制方法

技術分享圖片
//將特定內容添加到剪切板裏
function copyToClipboard(s) {
    if (window.clipboardData) {
        window.clipboardData.setData(‘text‘, s);
    } else {
        (function (s) {
            document.oncopy = function (e) {
                e.clipboardData.setData(‘text‘, s);
                e.preventDefault();
                document.oncopy = null;
            }
        })(s);
        document.execCommand(‘Copy‘);
    }
}
View Code

2、點擊復制圖片即可復制:

 <td align="left" onselectstart=‘return false‘ onselect=‘document.selection.empty()‘  colspan="2">
    <span class="bolder bigger-140" id="ltlAccount" style="color:‘gray‘">@Model.f_RemittanceAccount</span>
       <img src="~/Content/Images/@Base.SiteYx/btn_copy2.png" display="inline" width="37" height="19" onclick="oCopy()" data-clipboard-action="copy" data-clipboard-target="#ltlAccount" data-myalert="ltlAccount" style="float: right; cursor: pointer;" />
 </td>

<script>
 //復制
        function oCopy() {
            var clipboard = new Clipboard(document.querySelectorAll(img), {
                text: function (trigger) {
                    var target = trigger.getAttribute(data-clipboard-target);
                    if (target && target === #ltlnotGiveMoney) {
                        return $(target).html().replace(new RegExp(,, g), "").trim( );
                    }
                }
            });

            // 復制內容到剪貼板成功後的操作
            clipboard.on(success, function (e) {
                    layer.tips(@LocalHelper.Lang("Font_fuzhichenggong"), e.trigger, {
                    tips: [2, #78BA32],
                    time: 1000
                });
            });
        }
</script>

JS復制