jq+mui 阻止事件冒泡
阿新 • • 發佈：2017-12-18
ble span link cti sca con styles body blog
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 6 <title></title> 7 <link rel="stylesheet" href="../css/mui/mui.min.css"/> 8 </head> 9 <body> 10 <ul class="mui-table-view"> 11 <li class="mui-table-view-cell" id="text1"> 12 <button type="button" id="text2">測試</button> 13 </li> 14 </ul> 15 </body> 16</html> 17 <script type="text/javascript" src="../js/mui.js" ></script> 18 <script src="../js/jQuery.js" type="text/javascript" charset="utf-8"></script> 19 <script type="text/javascript"> 20 $("#text1").on("tap",function(){ 21 console.log("11"); 22 }); 23 $("#text2").on("tap",function(event){ 24 event.stopPropagation(); 25 console.log("22"); 26 }) 27 </script>
jq+mui 阻止事件冒泡