layer.prompt 输入层复制输入内容的应用

发表于：2020-06-30 发布在：前端技术评论：0 条评论

layer.prompt 输入层复制输入内容的应用，附2种对输入内容的复制方法

layer.prompt({
    btn: ["复制", "取消"],
    formType: 0,
    value: '初始值',
    title: '请输入值'
},function(value, index, elem){
    elem.focus();
    elem.select();
    window.document.execCommand('copy')&&(layer.close(index),layer.msg('复制成功', {time: 1000}))

});

利用插件实现的复制方法：

附复制插件js下载链接: https://pan.baidu.com/s/1ZNwyWZJ-8_j2MWv8DAOGyQ 提取码: 5mrw

<script src="./copyjs/copy.js" charset="utf-8"></script>
<script>
    layer.prompt({
        btn: ["复制", "取消"],
        formType: 0,
        value: '初始值',
        title: '请输入值'
    },function(value, index, elem){

        copyToClipboard(value)&&(layer.close(index),layer.msg('复制成功', {time: 1000}))

    });
</script>

require(['clipboard'], function(Clipboard){ var clipboardRewrite = new Clipboard(".copy", { text: function(v) { return $(v).attr('data-clipboard-text'); }

微擎后台复制代码应用案例

2023-10-21 前端技术

在 Layer 弹层库的 layer.msg 方法中，可以通过icon 参数来设置消息框的图标。以下是一些常用的 icon 可选值和对应的图标：0：感叹号图标1：勾选图标2：错误图标3：问号图标4：锁图标5：哭脸图标6：笑脸图标示例代码如下：// 显示带有感叹号图标的消息框layer.msg('注意事项', { icon: 0 });// 显示带有勾选图标的消息框layer.msg

layer.msg方法中icon参数对应图标

2023-09-09 前端技术