多语言展示
当前在线:571今日阅读:19今日分享:20

好程序员web前端分享js剪切板Clipboard.js 使用

clipboard.js是一个用来设置剪切板的库,小巧无依赖,但用法有点诡异,必须依赖一个DOM元素。
方法/步骤
1

由于浏览器相关安全策略的缘故,无法使用下面这种方式来设置剪切板

2

必须要与一个DOM元素相关联,并且需要用户的点击操作才能实现功能(这样看来,浏览器还是挺安全的)普通使用推荐下面这种用法,这里的text可以动态设置,可以写一个js函数动态返回text

3

如果要在bootstrap的modal中使用,上面的代码会无法正常工作,需要在构造函数里多传入一个container,这个container就是这个模态框

4

界面里没有button也是可以用的

推荐信息