鼠标点击复制内容

  • Post author:
  • Post category:其他


<input type="text" id="short_url_input" value="我是复制的内容">
<button id="cpbtn" type="button" data-clipboard-target="#short_url_input">复制</button>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="clipboard.min.js"></script>
$(document).ready(function () {
    var clipboard = new Clipboard('#cpbtn');
    clipboard.on('success', function (e) {
        $('#cpbtn').html('复制成功');
        $('#short_url_input').attr('readonly', 'true');
    });
    clipboard.on('error', function (e) {
        alert('复制失败,不支持您的浏览器');
    });
});



版权声明:本文为jiangzunshao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。