频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
Ext一键复制代码实现
2018-06-14 11:31:38         来源:Momo_Joanne的博客  
收藏   我要投稿

1. Ext 3.4

new Ext.Window(
    {
        title : '支付链接',
        layout : 'fit',
        height : 300,
        width : 300,
        items:[{
            name: 'link',
            id:'link',
            xtype: 'textarea',
            fieldLabel: '链接',
            value:jsonData
        }],   
    buttons:[{
        text:"一键复制",
        handler:function() {
            var Url2=document.getElementById("link");//此处一定使用原生js
                Url2.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            Ext.Msg.alert('系统提示','已复制好,可贴粘!'); 
        } 
    }] 
}).show();

2. Ext 6.2.1 clipboard-polyfill

Ext.create('Ext.window.Window',{
    title:'复制URL',
    id:'windowURL',
    closeToolText: '关闭窗口',
    layout : 'fit',
    height : 200,
    width : 300,
    items:[{
        xtype: 'textareafield',
        value:url
    }],
    buttons:[{
        text:"一键复制",
        handler:function() {
            clipboard.writeText(url);//请引用 clipboard-polyfill.js
            Ext.Msg.alert('系统提示','已复制好,可贴粘!');
       }
   }]
}).show();
点击复制链接 与好友分享!回本站首页
上一篇:关于C3的知识总结
下一篇:前端功能实现:预览要上传的图片,并限制图片的上传大小
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站