Project

General

Profile

copy_paste_example.html

Marius Gligor, 07/08/2014 12:51 PM

Download (1.78 KB)

 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8" />
5
<title>Paste from clipboard</title>
6
<script>
7
window.onload=function()
8
{
9
   document.oncontextmenu = function()
10
   {
11
      return true;
12
   };
13
   
14
   document.onkeydown = function(event)
15
   {
16
      // put data to copy on clipboard
17
      var inp = document.getElementById("copy");
18
      inp.value = "copy to system clipboard";
19
      inp.focus();
20
      inp.select();
21

22
       //ctrl
23
      if(event.keyCode == 17)
24
      {
25
         if (!window.Clipboard)
26
            //alert(pasteCatcher)
27
            pasteCatcher.focus();
28
      }
29
   }
30

31
   //=== Clipboard ================================================================
32
   //firefox
33
   if (!window.Clipboard)
34
   {
35
      document.getElementById("copy").focus();
36
   }
37

38
   // ie, chrome, firefox
39
   window.addEventListener("paste", function pasteHandler(e)
40
   {
41
      alert('paste');
42
      if(window.clipboardData) 
43
      {   
44
         var txt = window.clipboardData.getData("Text");
45
         alert("ie: " + txt);
46
      }
47
      else if(e.clipboardData) 
48
      {
49
         // get text representation of clipboard
50
         var txt = e.clipboardData.getData("text/plain");
51
         alert("chrome & firefox & opera: " + txt);
52
      }
53
      
54
      e.preventDefault();
55
   });
56

57
   // ie, chrome, firefox
58
   window.addEventListener("copy", function pasteHandler(e)
59
   {
60
      alert('copy');
61
   });
62

63
   //=== Clipboard ================================================================
64

65
};
66
</script>
67
</head>
68
<body>
69
<div>Copy CTRL-C / Paste CTRL-V on this page.</div>
70
<form name="form" action="#" method="post">
71
   <input type="text" name="copy" id="copy" value="" style="opacity:0;position:fixed;top:0px;left:0px;margin-left-20px"/>
72
</form>
73
</body>
74
</html>