Jquery Mobile中提供了豐富的事件處理和檢測機制。 1.滾動事件 在Jquery Mobile中，使用scrollStart和scrollStop事件來監聽用戶開始滾動和停止滾動的事件。以scrollStart為例，使用代碼如下： ~~~ $(document).on("scrollstart",function(){ alert("開始滾動！"); }); ~~~ 2.界面相關的事件 一個頁面從激活到加載完畢，在jquery mobile中共被分為四個部分的事件，它們分別是： Page Initialization - 在頁面創建前，當頁面創建時，以及在頁面初始化之后 Page Load/Unload - 當外部頁面加載時、卸載時或遭遇失敗時 Page Transition - 在頁面過渡之前和之后 Page Change - 當頁面被更改，或遭遇失敗時 其中，在頁面初始化的部分，jquery mobile又將其分為頁面創建前(pagebeforecreate)/頁面創建(pagecreate)/頁面初始化(pageinit)這三個階段，在每個階段中都可以執行相應的動作，示例代碼如下： ~~~ $(document).on("pagebeforecreate",function(event){ alert(" pagebeforecreate "); }); $(document).on("pagecreate",function(event){ alert(" pagecreate "); }); $(document).on("pageinit",function(event){ alert(" pageinit ") }); ~~~ 3.關于設備方向 下面是來自w3cschool的實例代碼，可以監聽設備方向的變化，并在設備方向變化后設置不同的樣式; ~~~ $(window).on("orientationchange",function(){ if(window.orientation == 0) // Portrait { $("p").css({"background-color":"yellow","font-size":"300%"}); } else // Landscape { $("p").css({"background-color":"pink","font-size":"200%"}); } }); ~~~