jQuery Copy To Clipboard

ZeroClipboard is a library that provides you with a way of coping text to your clipboard using Adobe flash and a Javascript interface. Flash can access your computers clipboard because you have to install flash and agree to the security settings, therefore we have to use flash to access the clipboard. We can use Javascript as an interface to flash so we can start this off with a click event on a button.

How to use ZeroClipboard

1. Download ZeroClipboard Flash file(ZeroClipboard.swf) and Javascript file(ZeroClipboard.js) from http://zeroclipboard.org/.
2. After Downloading .swf and .js files initialize ZeroClipboard scripts.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    <script src="ZeroClipboard.js"></script>
    <script type="text/javascript">
    function initialize() {
        ZeroClipboard.setMoviePath('ZeroClipboard.swf');
        clip = new ZeroClipboard.Client();
        clip.setHandCursor(true);
        //event
        clip.addEventListener('mousedown', function() {
            clip.setText(document.getElementById('Link').value);
        });
        clip.addEventListener('complete', function(client, text) {
            alert('copied: ' + text);
        });
        //glue it to the button
        clip.glue('copy');
    }
    jQuery('document').ready(function() {
        var clip = null;
        initialize();
    });
</script>

3. Now attach copy to clipboard functionality to a html anchor link.

1
2
3
4
<form>
     <input readonly="true" type="text" id="Link" value="http://ziyedbd.wordpress.com/"/>
  </form>
  <a id='copy' >Copy To Clipboard</a>    

Complete Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="ZeroClipboard.js"></script>
    <script type="text/javascript">
    function initialize() {
        ZeroClipboard.setMoviePath('ZeroClipboard.swf');
        clip = new ZeroClipboard.Client();
        clip.setHandCursor(true);
        //event
        clip.addEventListener('mousedown', function() {
            clip.setText(document.getElementById('link').value);
        });
        clip.addEventListener('complete', function(client, text) {
            alert('copied: ' + text);
        });
        //glue it to the button
        clip.glue('copy');
    }
    jQuery('document').ready(function() {
        var clip = null;
        initialize();
    });
</script>
</head>
  <body>
<form>
     <input readonly="true" type="text" id="link" value="https://arjunphp.com/"/>
  </form>
  <a id="copy" >Copy To Clipboard</a>    
  </body>
</html>

for ZeroClipboard Documentation visit github page or official website pages.
1. http://zeroclipboard.org/
2. https://github.com/zeroclipboard/zeroclipboard

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

71 Comments

  2. Hello.

    I’ve beem trying to copy from input elements from one page to equivalent input element of another page ( kind of a data casting from source page to target page). I still not successfull.

    Reply

  3. Designer Evening Dresses | Cheap Evening Dresses Online | Evening Dresses for 2019 -_Shop for cheap Evening Dresses? We have great 2019 Evening Dresses on sale.Buy cheap Evening Dresses online at lalamira.com today!
    [url=https://www.lalamira.com/f/christmas-dress-vintage-retro-women]christmas dress vintage retro women[/url]

    Reply

  4. LJMC busbar machine busbar bending punching cutting machine-busbar machine,LJMC&cncbusbarmachinesupplybest2020 Busbar machine busbar bending punching cutting machine copper punching machine busbar punching cutting bending machine manufacturers.

    Reply

  5. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.
    busbar trunking machine

    Reply

  6. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 mainly for CNC busbar punching and cutting machine,CNC busbar bending machines,CNC busbar milling machines,CNC turrent busbar processing machine,busbar levelling machines etc.Products are widely used in high and low voltage complete sets, switch cabinet,box substation,transformer,busbar duct line etc.
    copper busbar punching cutting

    Reply

  7. Busbar punching machine busbar punching busbar punch punching machine copper punching machine,LJMC&cncbusbarmachinesupplybest2020 CNC Busbar punching machine busbar punching busbar punch hydraulic busbar punching machine copper punching cutting machine suppliers.

    Reply

  9. LJMC® busbar bending machine cnc busbar machine busbar bender,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best CNC busbar bending machine bus bar bending machine busbar bender manufacturers, suppliers & exporters.

    Reply

  11. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.

    Reply

  12. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.

    Reply

  14. LJMC busbar machine busbar bending punching cutting machine-busbar machine,LJMC&cncbusbarmachinesupplybest2020 Busbar machine busbar bending punching cutting machine copper punching machine busbar punching cutting bending machine manufacturers.

    Reply

  16. Busbar punching machine busbar punching busbar punch punching machine copper punching machine,LJMC&cncbusbarmachinesupplybest2020 CNC Busbar punching machine busbar punching busbar punch hydraulic busbar punching machine copper punching cutting machine suppliers.

    Reply

  17. LJMC® copper bending machine cnc copper busbar machine,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best copper bending machine cnc copper busbar machine manufacturers, suppliers & exporters.

    Reply

  18. LJMC® copper punching machine cnc busbar punching machines,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best copper punching machine cnc busbar punching machines manufacturers, suppliers & exporters.

    Reply

  19. LJMC® copper punching machine cnc busbar punching machines,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best copper punching machine cnc busbar punching machines manufacturers, suppliers & exporters.

    Reply

  21. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.
    copper busbar cutting machine

    Reply

  23. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.
    hydraulic busbar bending

    Reply

  24. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 mainly for CNC busbar punching and cutting machine,CNC busbar bending machines,CNC busbar milling machines,CNC turrent busbar processing machine,busbar levelling machines etc.Products are widely used in high and low voltage complete sets, switch cabinet,box substation,transformer,busbar duct line etc.

    Reply

  25. Busbar punching machine busbar punching busbar punch punching machine copper punching machine,LJMC&cncbusbarmachinesupplybest2020 CNC Busbar punching machine busbar punching busbar punch hydraulic busbar punching machine copper punching cutting machine suppliers.

    Reply

  26. LJMC busbar machine busbar bending punching cutting machine-busbar machine,LJMC&cncbusbarmachinesupplybest2020 Busbar machine busbar bending punching cutting machine copper punching machine busbar punching cutting bending machine manufacturers.

    Reply

  27. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.

    Reply

  28. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 is focus on the development and production for electric power and electrical equipments,including CNC machining center,CNC lathe,CNC milling machine,large radial drilling machine,large surface grinder,line cutting.

    Reply

  29. LJMC® busbar bending machine cnc busbar machine busbar bender,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best CNC busbar bending machine bus bar bending machine busbar bender manufacturers, suppliers & exporters.

    Reply

  30. Busbar punching machine busbar punching busbar punch punching machine copper punching machine,LJMC&cncbusbarmachinesupplybest2020 CNC Busbar punching machine busbar punching busbar punch hydraulic busbar punching machine copper punching cutting machine suppliers.

    Reply

  35. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 is focus on the development and production for electric power and electrical equipments,including CNC machining center,CNC lathe,CNC milling machine,large radial drilling machine,large surface grinder,line cutting.
    cnc busbar shear

    Reply

  36. LJMC® busbar cutting Machine busbar cnc Punch Machine busbar shearing machine,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best busbar cutting Machine busbar cnc Punch Machine bending machine shearing machine manufacturers, suppliers & exporters.

    Reply

  38. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.

    Reply

  39. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 mainly for CNC busbar punching and cutting machine,CNC busbar bending machines,CNC busbar milling machines,CNC turrent busbar processing machine,busbar levelling machines etc.Products are widely used in high and low voltage complete sets, switch cabinet,box substation,transformer,busbar duct line etc.

    Reply

  41. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 mainly for CNC busbar punching and cutting machine,CNC busbar bending machines,CNC busbar milling machines,CNC turrent busbar processing machine,busbar levelling machines etc.Products are widely used in high and low voltage complete sets, switch cabinet,box substation,transformer,busbar duct line etc.
    busbar bending

    Reply

  42. LJMC® busbar bending machine cnc busbar machine busbar bender,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best CNC busbar bending machine bus bar bending machine busbar bender manufacturers, suppliers & exporters.

    Reply

  43. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 is focus on the development and production for electric power and electrical equipments,including CNC machining center,CNC lathe,CNC milling machine,large radial drilling machine,large surface grinder,line cutting.

    Reply

  47. LJMC® busbar cutting Machine busbar cnc Punch Machine busbar shearing machine,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best busbar cutting Machine busbar cnc Punch Machine bending machine shearing machine manufacturers, suppliers & exporters.

    Reply

  48. LJMC&cncbusbarmachinesupplybest2020 is focus on the development and production for electric power and electrical equipments,including CNC machining center,CNC lathe,CNC milling machine,large radial drilling machine,large surface grinder,line cutting.

    Reply

  49. LJMC busbar machine busbar bending punching cutting machine-busbar machine,LJMC&cncbusbarmachinesupplybest2020 Busbar machine busbar bending punching cutting machine copper punching machine busbar punching cutting bending machine manufacturers.

    Reply

  51. LJMC® busbar bending machine cnc busbar machine busbar bender,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best CNC busbar bending machine bus bar bending machine busbar bender manufacturers, suppliers & exporters.

    Reply

  53. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 mainly for CNC busbar punching and cutting machine,CNC busbar bending machines,CNC busbar milling machines,CNC turrent busbar processing machine,busbar levelling machines etc.Products are widely used in high and low voltage complete sets, switch cabinet,box substation,transformer,busbar duct line etc.

    Reply

  54. LJMC® copper punching machine cnc busbar punching machines,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best copper punching machine cnc busbar punching machines manufacturers, suppliers & exporters.

    Reply

  55. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 is focus on the development and production for electric power and electrical equipments,including CNC machining center,CNC lathe,CNC milling machine,large radial drilling machine,large surface grinder,line cutting.
    copper bar processing

    Reply

  57. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.
    busbar cutting tools

    Reply

  58. LJMC® busbar cutting Machine busbar cnc Punch Machine busbar shearing machine,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best busbar cutting Machine busbar cnc Punch Machine bending machine shearing machine manufacturers, suppliers & exporters.

    Reply

  61. LJMC busbar machine busbar bending punching cutting machine-busbar machine,LJMC&cncbusbarmachinesupplybest2020 Busbar machine busbar bending punching cutting machine copper punching machine busbar punching cutting bending machine manufacturers.

    Reply

  62. LJMC® busbar bending machine cnc busbar machine busbar bender,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best CNC busbar bending machine bus bar bending machine busbar bender manufacturers, suppliers & exporters.

    Reply

  65. Shandong Lijian Cnc Machinery Co.,Ltd LJMC&cncbusbarmachinesupplybest2020 mainly for CNC busbar punching and cutting machine,CNC busbar bending machines,CNC busbar milling machines,CNC turrent busbar processing machine,busbar levelling machines etc.Products are widely used in high and low voltage complete sets, switch cabinet,box substation,transformer,busbar duct line etc.

    Reply

  68. BMC ® |CNC Busduct Machine Busbar Machine Bus duct manufacturers,LJMC&cncbusbarmachinesupplybest2020 Manufacturer of CNC Bus duct Machine,Busduct Joint Machine,CNC Busbar Bending Cutting Punching Machine,Busduct Machine, Suppliers & Exporters.LJMC is busbar busway machine manufacturer,copper busbar processing machine,busway punching bending machine.LJMC busbar busway punching bending cutting machines.

    Reply

  69. LJMC® copper bending machine cnc copper busbar machine,LJMC&cncbusbarmachinesupplybest2020 LJMC is the best copper bending machine cnc copper busbar machine manufacturers, suppliers & exporters.

    Reply

Leave a Reply

Your email address will not be published.