PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

点击Url实现复制到剪切板功能

管理员 2024-12-14
Fastadmin
75

image.png

  1. 表格字段代码:
    {field: ‘loginip’, title: __(‘Loginip’),events: Controller.api.events.copyUrl,formatter:Controller.api.formatter.copyUrl}
    对应api代码
    api: {

         bindevent: function () {         Form.api.bindevent($("form[role=form]"));     },formatter:{         copyUrl: function (value, row, index) {             var field = this.field;             if (typeof this.customField !== 'undefined' && typeof row[this.customField] !== 'undefined') {                 value = row[this.customField];                 field = this.customField;             }             return '<a href="javascript:;" id="copy_content" class="btn-browser" type="text" bind:value="value">'+value+'</a>';         }     },     events:{         copyUrl: {                 'click .btn-browser': function (e, value, row, index) {                         const range = document.createRange();                         range.selectNode(document.getElementById("copy_content"));                         const selection = window.getSelection();                         if (selection.rangeCount > 0) selection.removeAllRanges();                         selection.addRange(range);                         document.execCommand("copy");                         Layer.alert('IP复制成功');                 }             }     } }

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部