---寫id--此方法只能在真機上運行調試
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> </head> <body> <div class="mui-content"> <button type="button" id="btn1">測試</button> </div> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init(); /*真機環境下運行調試*/ mui.plusReady(function(){ document.getElementById('btn1').addEventListener('tap',function(){/*tap表示單擊屏幕，此處可換雙擊，滑動等等事件*/ mui.toast('ok'); }); }); </script> </body> </html>
document.getElementById('btn1').addEventListener('tap',function(){/*tap表示單擊屏幕，此處可換雙擊，滑動等等事件*/
如下屬性
----第二種方法 on（）方法
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> </head> <body> <div class="mui-content"> <ul class="mui-table-view" id="lists"> <li class="mui-table-view-cell">列表一</li> <li class="mui-table-view-cell">列表一</li> <li class="mui-table-view-cell">列表一</li> </ul> </div> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init(); /*真機環境下運行調試*/ mui.plusReady(function(){ mui('#lists').on('tap','li',function(){ /* mui.toast('ok');*/ mui.toast(this.innerHTML);/*顯示點擊的內容*/ }); }); </script> </body> </html>