jq+mui 阻止事件冒泡

Posted 娴娴

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq+mui 阻止事件冒泡相关的知识,希望对你有一定的参考价值。

 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 阻止事件冒泡的主要内容,如果未能解决你的问题,请参考以下文章

解决MUI阻止a标签默认跳转事件—方法总结

jq事件冒泡的区别

前端阻止冒泡事件将项目打包并安装在当前环境中请求路径参数传递方式JQ触发动态添加元素position绝对定位和相对定位js中动态添加idCorpus项目部署上线

阻止touchslider事件冒泡,防止左右滑动时出发全局滑动事件

c# 怎么阻止事件执行

高分!!!!JS,JQ冒泡事件