欢迎使用CSDN-markdown编辑器

来源:互联网 发布:9分钟进5球 知乎 编辑:程序博客网 时间:2024/05/16 04:13

jqeury的return false;阻止向上冒泡起作用只有在函数里面才能起作用。如下例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>      <title>事件冒泡</title>      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>  </head>  <body>  <div id='div' onclick='alert("div");'><ul onclick='alert("ul");'><li onclick='ss(this);'>test</li></ul><script type="text/javascript">    function ss(e){        return false;    }</script></div></body>  </html> 

此时并不能阻止冒泡事件,但是如果按照以下操作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>      <title>事件冒泡</title>      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>  </head>  <body>  <div id='div' onclick='alert("div");'><ul onclick='alert("ul");'><li id="t" onclick='ss(this);'>test</li></ul><script type="text/javascript">    $("#t").click(function(){        return false;    })</script></div></body>  </html> 

此时则不会向上冒泡

0 0
原创粉丝点击