今日特推: 延续Q3趋势优于Q3 海尔智家Q4业绩持续高增长
搜索:
您的位置: 主页 > 科技新闻 > » 正文

clipboardjs

拷贝文字不应当是一件困难的事. 不需要过多繁杂的配置或者下载很多脚本文件. 最重要的,它不应该依赖flash或者其他框架,应该保持简洁 现状, 你需要传入一个DOM选择器,HTML 元素, 或者HTML元素列表. 事实上, 我们需要对你传入的所有元素绑定事件, 但是这样
浏览: 1365 次 来源:网友供稿

  拷贝文字不应当是一件困难的事. 不需要过多繁杂的配置或者下载很多脚本文件. 最重要的,它不应该依赖flash或者其他框架,应该保持简洁

  现状, 你需要传入一个DOM选择器,HTML 元素, 或者HTML元素列表.

  事实上, 我们需要对你传入的所有元素绑定事件, 但是这样操作的话,当元素很多的时候,会占据很多的内存

  因为这个,我们决定使用事件代理减少了不必要的内存开销.#perfmatters.

  我们正在经历一场声明式的复兴,这就是为什么我们决定利用HTML5 data 属性来提高可用性的原因

  一个很常见的用例是从另一个元素复制内容。你可以给目标元素添加一个 data-clipboard-target 属性来实现这个功能。

  此外,你可以定义一个data-clipboard-action属性来指明你想要复制还是剪切内容

  事实上,你甚至不需要从另一个元素来复制内容。 你仅需要给目标元素设置一个data-clipboard-text属性即可

  如果你想要展示一些用户反馈,或者在用户复制/剪切后获取已经选择的文字,这里有个示例供你参考。

  我们通过触发自定义事件,比如success和error让你可以设置监听并实现自定义逻辑

  每个应用有着不同的设计需求,这是为什么 clipboard.js 没有包含任何 CSS 或内置的工具提示解决方案。

  如果你不想修改 HTML,我们提供了一个非常方面的命令式的 API 给你使用。你需要做的就是声明一个函数,做一些处理,并返回一个值。

  如果在 Bootstrap 模态框(Modals)中使用,或是在其他修改焦点的类库中使用,你会希望将获得焦点的元素设置为container属性的值。

  同样地,如果你使用单页应用,你可能想要更加精确地管理 DOM 的生命周期。你可以清理事件以及创建的对象。

  这个库依赖Selection和execCommandAPIs. 前者兼容所有的浏览器后者只兼容以下浏览器版本。

  好消息是,如果你需要支持旧浏览器,clipboard.js 可以优雅降级。你所要做的就是在 success 事件触发时提示用户“已复制!”,error 事件触发时提示用户“按 Ctrl+C 复制文字”(此时用户要复制的文字已经选择了)。

进入论坛 我来挑错

关键词:

关于我们 - 友情链接 - 广告合作 - 网站留言 - 联系我们 -