1<div class="container">
2  <!-- Bubble_Click_Test_001 -->
3  <div onclick="test1"></div>
4  <div @click="test2"></div>
5  <div on:click="test3"></div>
6  <div grab:click="test4"></div>
7
8  <div onclick.bubble="test5"></div>
9  <div @click.bubble="test6"></div>
10  <div on:click.bubble="test7"></div>
11  <div grab:click.bubble="test8"></div>
12
13  <div onclick.capture="test9"></div>
14  <div @click.capture="test10"></div>
15  <div on:click.capture="test11"></div>
16  <div grab:click.capture="test12"></div>
17
18  <!-- Bubble_Swipe_Longpress_Test_001 -->
19  <div onswipe="swipe1" grab:longpress.capture="longpress1"></div>
20  <div @swipe="swipe2" on:longpress.capture="longpress2"></div>
21  <div on:swipe="swipe3" @longpress.capture="longpress3"></div>
22  <div grab:swipe="swipe4" onlongpress.capture="longpress4"></div>
23
24  <div onswipe.bubble="swipe5" grab:longpress.bubble="longpress5"></div>
25  <div @swipe.bubble="swipe6" on:longpress.bubble="longpress6"></div>
26  <div on:swipe.bubble="swipe7"  @longpress.bubble="longpress7" ></div>
27  <div grab:swipe.bubble="swipe8" onlongpress.bubble="longpress8"></div>
28
29  <div onswipe.capture="swipe9" grab:longpress="longpress9"></div>
30  <div @swipe.capture="swipe10" on:longpress="longpress10"></div>
31  <div on:swipe.capture="swipe11" @longpress="longpress11"></div>
32  <div grab:swipe.capture="swipe12" onlongpress="longpress12"></div>
33</div>