实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
5
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
6
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
7
<script>
8
$(document).on("pageinit","#pageone",function(){
9
  $("p,button,h1").on("tap",function(event){
10
    $("span.test").html("Tapped a " + event.target.nodeName + " element.");
11
    $("span.test2").html("Event triggered: " + event.type);
12
  });                      
13
});
14
</script>
15
</head>
16
<body>
17
​
18
<div data-role="page" id="pageone">
19
  <div data-role="header">
20
    <h1>The tap Event</h1>
21
  </div>
22
​
23
  <div data-role="content">
24
    <h1>This is a heading</h1>
25
    <p>This is a paragraph</p>
26
    <button>This is a button</button>
27
    <p>The heading, paragraph and button element has a tap event defined. Click on each element to display which element triggered the event.</p>
28
    <span class="test" style="color:blue;"></span>
29
    <br><br>
30
    <span class="test2" style="color:red;"></span>
31
  </div>
32
​
33
  <div data-role="footer">
34
    <h1>Footer Text</h1>
35
  </div>
36
</div>
37
​
38
</body>
39
</html>