html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta name="viewport" content="width=device-width, initial-scale=1">5
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">6
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>7
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>8
<script>9
$(document).on("pagecreate","#pageone",function(){10
$("p,button,h1").on("swiperight",function(event){11
$("span.test").html("在 " + event.target.nodeName + " 元素上向右滑动。");12
$("span.test2").html("事件触发: " + event.type);13
}); 14
});15
</script>16
</head>17
<body>18
19
<div data-role="page" id="pageone">20
<div data-role="header">21
<h1> swiperight 事件</h1>22
</div>23
24
<div data-role="main" class="ui-content">25
<h1>这是一个标题</h1>26
<p>这是一个段落</p>27
<button>这是一个按钮</button>28
<p>标题，段落，按钮已设置了滑动事件。点击每个元素查看触发的事件。</p>29
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java