站內搜尋

Thursday, April 19, 2012

[jQuery] 輕鬆在網頁上做出觸控事件(touch)

如何在網頁做出像手機app那種觸控事件,只要利用jquery的touchend事件,就可以輕鬆完成了,如下...

<!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> 說明:我們會發現用一般電腦開啟網頁,不管怎麼點,都不會觸發事件,而用智慧型手機開啟網頁,只要輕輕點一下,就會觸發事件了,是不是很簡單啊。

No comments:

Post a Comment