简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Implementation method of zeroclipboard single copy button and multiple copy buttons_javascript skills

WBOY
Release： 2016-05-16 16:44:47
Original
1945 people have browsed it

Zeroclipboard is a cross-browser library class that uses Flash for copying, so it can run as long as the browser has Flash installed, and is more flexible than IE's document.execCommand("Copy").

zeroclipboard download address: http://www.jb51.net/jiaoben/24961.html

zeroclipboard implements multi-browser copy to pasteboard function (single copy button and multiple copy buttons). For a better user experience, the content of text boxes in many websites now only needs to click the copy button, so that the content can be copied to Paste board;

For compatibility reasons, it is basically implemented through zeroclipboard. First, download zeroclipboard, unzip and put ZeroClipboard.js, ZeroClipboard.swf, and ZeroClipboard10.swf ("for flash10") into the project. You can Load swf through ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' ) method;
The following is the compiled code (also compiled through online search)

(single copy button):

html:

Copy code The code is as follows:

Copy


Multiple copy buttons:

Copy code The code is as follows:
copy
Copy
Copy


Note: clip.setText( $("#copy_txt" id).val() ); If you want to get the content in a div, generally use clip.setText( $("#copy_txt" id).text() ) ;or clip.setText( $("#copy_txt" id).html() );

Related labels：
zeroclipboard 单个复制 多个复制
source：php.cn
Previous article：Javascript encapsulates DOMContentLoaded event instance_javascript skills Next article：Hover event solution for multiple elements in jQuery_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1782
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
1927
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1640
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1548
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1581
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！