<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("div").bind('touchend',function() {
alert(123);
});
});
</script>
</head>
<body>
<div id="mydiv">touch</div>
</body>
</html>
說明:我們會發現用一般電腦開啟網頁,不管怎麼點,都不會觸發事件,而用智慧型手機開啟網頁,只要輕輕點一下,就會觸發事件了,是不是很簡單啊。
站內搜尋
Thursday, April 19, 2012
[jQuery] 輕鬆在網頁上做出觸控事件(touch)
如何在網頁做出像手機app那種觸控事件,只要利用jquery的touchend事件,就可以輕鬆完成了,如下...
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment