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

      发布在:前端技术      评论:0 条评论
<p>layer.prompt 输入层复制输入内容的应用,附2种对输入内容的复制方法</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;"><span style="color:#660e7a;font-weight:bold;">layer</span>.<span style="color:#4ac60a;">prompt</span>({<br/> <span style="color:#660e7a;font-weight:bold;">btn</span><span style="color:#f92672;">: </span>[<span style="color:#e6db74;">&quot;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">复制</span><span style="color:#e6db74;">&quot;</span>, <span style="color:#e6db74;">&quot;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">取消</span><span style="color:#e6db74;">&quot;</span>],<br/> <span style="color:#660e7a;font-weight:bold;">formType</span><span style="color:#f92672;">: </span><span style="color:#ae81ff;">0</span>,<br/> <span style="color:#660e7a;font-weight:bold;">value</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">&#39;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">初始值</span><span style="color:#e6db74;">&#39;</span>,<br/> <span style="color:#660e7a;font-weight:bold;">title</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">&#39;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">请输入值</span><span style="color:#e6db74;">&#39;<br/></span>},<span style="color:#f92672;">function</span>(<span style="color:#fd971f;font-style:italic;">value</span>, <span style="color:#fd971f;font-style:italic;">index</span>, <span style="color:#fd971f;font-style:italic;">elem</span>){<br/> <span style="color:#fd971f;font-style:italic;">elem</span>.<span style="color:#4ac60a;">focus</span>();<br/> <span style="color:#fd971f;font-style:italic;">elem</span>.<span style="color:#4ac60a;">select</span>();<br/> <span style="color:#660e7a;font-weight:bold;font-style:italic;">window</span>.<span style="color:#660e7a;font-weight:bold;">document</span>.<span style="color:#4ac60a;">execCommand</span>(<span style="color:#e6db74;">&#39;copy&#39;</span>)<span style="color:#f92672;">&amp;&amp;</span>(<span style="color:#660e7a;font-weight:bold;">layer</span>.<span style="color:#4ac60a;">close</span>(<span style="color:#fd971f;font-style:italic;">index</span>),<span style="color:#660e7a;font-weight:bold;">layer</span>.<span style="color:#4ac60a;">msg</span>(<span style="color:#e6db74;">&#39;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">复制成功</span><span style="color:#e6db74;">&#39;</span>, {<span style="color:#660e7a;font-weight:bold;">time</span><span style="color:#f92672;">: </span><span style="color:#ae81ff;">1000</span>}))<br/><br/>});</pre><p>利用插件实现的复制方法:<br/></p><p>附复制插件js下载链接: https://pan.baidu.com/s/1ZNwyWZJ-8_j2MWv8DAOGyQ 提取码: 5mrw&nbsp;</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;">&lt;<span style="color:#c32867;font-weight:bold;">script </span><span style="color:#a6e22e;">src</span><span style="color:#e6db74;font-weight:bold;">=&quot;./copyjs/copy.js&quot; </span><span style="color:#a6e22e;">charset</span><span style="color:#e6db74;font-weight:bold;">=&quot;utf-8&quot;</span>&gt;&lt;/<span style="color:#c32867;font-weight:bold;">script</span>&gt;<br/>&lt;<span style="color:#c32867;font-weight:bold;">script</span>&gt;<br/> <span style="color:#660e7a;font-weight:bold;">layer</span>.<span style="color:#4ac60a;">prompt</span>({<br/> <span style="color:#660e7a;font-weight:bold;">btn</span><span style="color:#f92672;">: </span>[<span style="color:#e6db74;">&quot;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">复制</span><span style="color:#e6db74;">&quot;</span>, <span style="color:#e6db74;">&quot;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">取消</span><span style="color:#e6db74;">&quot;</span>],<br/> <span style="color:#660e7a;font-weight:bold;">formType</span><span style="color:#f92672;">: </span><span style="color:#ae81ff;">0</span>,<br/> <span style="color:#660e7a;font-weight:bold;">value</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">&#39;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">初始值</span><span style="color:#e6db74;">&#39;</span>,<br/> <span style="color:#660e7a;font-weight:bold;">title</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">&#39;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">请输入值</span><span style="color:#e6db74;">&#39;<br/></span><span style="color:#e6db74;"> &nbsp; &nbsp;</span>},<span style="color:#f92672;">function</span>(<span style="color:#fd971f;font-style:italic;">value</span>, <span style="color:#fd971f;font-style:italic;">index</span>, <span style="color:#fd971f;font-style:italic;">elem</span>){<br/><br/> copyToClipboard(<span style="color:#fd971f;font-style:italic;">value</span>)<span style="color:#f92672;">&amp;&amp;</span>(<span style="color:#660e7a;font-weight:bold;">layer</span>.<span style="color:#4ac60a;">close</span>(<span style="color:#fd971f;font-style:italic;">index</span>),<span style="color:#660e7a;font-weight:bold;">layer</span>.<span style="color:#4ac60a;">msg</span>(<span style="color:#e6db74;">&#39;</span><span style="color:#e6db74;font-family:&#39;宋体&#39;;">复制成功</span><span style="color:#e6db74;">&#39;</span>, {<span style="color:#660e7a;font-weight:bold;">time</span><span style="color:#f92672;">: </span><span style="color:#ae81ff;">1000</span>}))<br/><br/> });<br/>&lt;/<span style="color:#c32867;font-weight:bold;">script</span>&gt;</pre><p><br/></p>
相关文章

引言在数据迁移、备份和日常文件同步任务中,rsync 是 Linux 系统管理员和开发者的瑞士军刀。它通过增量传输算法仅同步变化的文件部分,大幅提升效率;保留文件权限、时间戳等元数据,并支持压缩传输。无论是本地还是远程操作,rsync 都能以最小开销完成任务。本文将带你从安装到实战,全面掌握这一神器!一、安装 rsyncrsync 通常预装在主流 Linux 发行版中。若未安装,可通过包

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

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

本文介绍了 Robocopy 命令行工具的使用方法,包括基本语法、常用选项以及示例。通过学习本文,你将能够利用 Robocopy 快速、可靠地复制和同步文件夹及其内容。

在使用layer.open时,常常要在弹窗中再进行弹窗;有时候会出现第二次弹窗不是在最顶层的情况,通过添加zIndex和parent可以解决这个问题// 父级open layer.open({ ...

采用迭代器删除和复制文件if (!function_exists('rmdirs')) { /** * 删除文件夹 * @param string $dirname 目录...

热门推荐