JQuery Mobile是一個開源的JavaScript框架,用于創(chuàng)建移動設備友好的Web應用程序。通過它,我們能夠很方便的編寫HTML5頁面,實現(xiàn)良好的可訪問性和可擴展性。其中,回車事件也是常常需要處理的一個問題。
在JQuery Mobile中,通過添加一個JQuery的keydown事件,可以實現(xiàn)回車鍵的處理。我們先聲明一個文本框,然后再捕捉它的鍵盤按鍵事件:
$('#myTextbox').keypress(function(e){ if (e.keyCode == 13){ // 如果是回車鍵 // 執(zhí)行需要的代碼 } });
在上例中,當按下回車鍵時,動態(tài)添加一條列表,代碼如下:
$('#myTextbox').keypress(function(e){ if (e.keyCode == 13){ // 如果是回車鍵 $('<li>').text($('#myTextbox').val()).appendTo('#myList'); $('#myTextbox').val(''); } });
上例中,按下回車鍵后,將文本框內(nèi)容添加到一個列表中,并清空文本框。這樣,通過回車事件,我們就能方便地實現(xiàn)一些交互操作。