1
<script src="tap.js"></script>
2

3
<div id="container">
4
  <button id="button-1">Click event</button>
5
  <button id="button-2">Tap event</button>
6
</div>
7

8
<div id="output"></div>
9

10
<script>
11
  var container = document.getElementById('container')
12
  var button1 = document.getElementById('button-1');
13
  var button2 = document.getElementById('button-2');
14
  var output = document.getElementById('output');
15

16
  var tap = new Tap(container);
17

18
  button1.addEventListener('click', callback, false);
19
  button2.addEventListener('tap', callback, false);
20

21
  function callback (e) {
22
      e.preventDefault();
23
      var p = document.createElement('p');
24
      p.textContent = 'event: ' + e.type;
25
      output.insertBefore(p, output.firstChild);
26
  }
27
</script>

1
<html xmlns="http://www.w3.org/1999/xhtml">
2
<head>
3
    <title></title>
4
    <style>
5
        *
6
        {
7
            margin: 0;
8
        }
9
        body
10
        {
11
        }
12
        .button
13
        {
14
            background-color: #3d3d3d;
15
            border: 0px;
16
            height: 80px;
17
            width: 80%;
18
            font-size: 50px;
19
            margin: 10% 0% 0% 10%;
20
            color: #fff;
21
        }
22
        .fu
23
        {
24
            min-height: 100%;
25
            min-width: 100%;
26
            background-color: Black;
27
            background: rgba(0,0,0,0.4);
28
            position: absolute;
29
            top: 0;
30
            text-align: center;
31
            display: none;
32
        }
33
        .ts
34
        {
35
            margin: 8% auto;
36
            width: 400px;
37
            height: 400px;
38
            top: 59%;
39
            background-color: #fff;
40
            text-align: center;
41
        }
42
    </style>
43
    <script src="fastclick.js" type="text/javascript"></script>
44
    <script src="jquery-1.7.2.js" type="text/javascript"></script>
45
    //javascript:
46
    <script type="application/javascript">
47
        window.addEventListener('load', function () {
48
            FastClick.attach(document.body);
49
        }, false);
50
        function xian() {
51
            $(".fu").show().hide(350);
52
        }
53
    </script>
54
    //jQuery:
55
    <script>
56
        window.addEventListener('load', function () {
57
$(function() {
58
        FastClick.attach(document.body);
59
    });
60
    </script>
61
    //CommonJS:
62
attachFastClick = require('fastclick');
63
    attachFastClick(document.body);
64
    AMD:
65
    var FastClick = require('fastclick');
66
    FastClick.attach(document.body, options);
67
</head>
68
<body>
69
    <div>
70
        <div class="but">
71
            <input class="button" type="button" value="点击我" onclick="xian()" /></div>
72
        <div class="fu" >
73
            <div class="ts">
74
                我是浮层
75
            </div>
76
        </div>
77
    </div>
78
</body>
79
</html>