示例:复制按钮

代码提供:CL
按钮效果预览


如何安装动作?

代码如下

<div class='d-flex align-items-center font16 border rounded p-2  text-info bg-light' style='width:240px;position:absolute;right:30px; top:55px;'>
	<div class='ml-3'>
<!--复制按钮开始-->
<div class="btn-group  mb-2 mt-2">
<button id="btnCopyToClipboard" class="btn btn-success" sharedAction="AAAAAAAAAAA" data-toggle="tooltip" data-placement="bottom" title="将动作网址复制到剪贴板。然后请在面板窗口的空白按钮上右键粘贴分享的动作。">
                    <i class="fas fa-copy mr-1"></i>
                    复制到剪贴板
</button>
<a href="quicker:previewaction:AAAAAAAAAAA" title="预览动作定义。" class="btn btn-info" style="opacity: 0.8" data-toggle="tooltip" data-placement="bottom">
<i class="fal fa-search-plus  mr-1"></i></a>
</div>
<!--复制按钮结束-->
</br>
<strong class='d-inline-block' style='width:35px'></strong><a href="https://getquicker.net/kc/manual/doc/install-action" target="_blank"><font color=#3DA3B7>如何安装动作?</font></a>

</div>
</div>

默认位置:

<div class='d-flex align-items-center font16 border rounded p-2  text-info bg-light' style='width:250px' class=''>

居右显示:

<div class='d-flex align-items-center font16 border rounded p-2  text-info bg-light' style='width:240px;position:absolute;right:30px; top:55px;'>

新增一个自定义的复制按钮

可自定义复制成功后的弹出文字;

<button id="btnCopyToClipboard" class="btn btn-link" data-copy="复制内容" data-toggle="tooltip" data-placement="bottom" title="Tooltip内容" data-copy-msg="提示内容">
<img src='图片网址' width=200 class='my_img no-lity'></button>

点击复制入群口令

<a data-copy="https://getquicker.net/kc" data-toggle="tooltip" data-placement="bottom" title="获取口令" data-copy-msg="口令已复制到剪贴板"><i class="fal fa-copy"></i>  点击复制入群口令</a>

<button id="btnCopyToClipboard" type="button" class="btn btn-info btn-sm" data-copy="复制到剪贴板的内容" data-toggle="tooltip" data-placement="bottom" title="Tooltip内容" data-copy-msg="复制后出现的提示内容"><i class="fas fa-copy"></i>  点击复制入群口令</button>