鼠标点击复制内容
2017-02-08 17:11
169 查看
<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('复制失败,不支持您的浏览器'); }); });
相关文章推荐
- jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
- 超级简单的点击按钮复制内容到浏览器的剪切板
- 兼容各浏览器的点击复制文本框内容的Jquery插件
- ac_fl_runcontent 点击按钮复制内容
- 点击复制按钮将指定id内容复制到剪贴板
- JS 点击复制剪切板内容(IE9、Firefox4测试支持)
- C#中listview获取鼠标点击的单元格内容
- jquery实现鼠标点击后展开列表内容的导航栏效果
- 点击复制文本框内容的代码
- selenium--unittest定位元素内容为空时模拟鼠标点击的方法
- js input 鼠标点击清除提示内容,失去焦点还原默认内容的方法
- 点击按键复制指定处内容!
- js实现鼠标点击input框后里面的内容就消失代码
- 点击复制按钮复制input框里的内容
- input内容鼠标点击消失,鼠标移走恢复
- 点击TextBox复制其中内容
- 点击鼠标右键..想实现图片保存和文字的复制
- 输入内容仅为数字,即使鼠标右击复制粘贴其他内容也为数字
- 用jq实现点击右边内容实现,左边内容切换、自动切换,当鼠标放上右边li上面,左边内容停止切换。
- jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板