防止事件冒泡--jQuery事件处理
l 防止事件冒泡
知识点：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>jQuery事件处理--防止事件冒泡</title> <script type="text/javascript" src="rs/js/jquery.js"></script> <script type="text/javascript"> $( function() {<!-- $('div').click(--><!-- function()--><!-- {--><!-- alert('YOU HAVE CLICKED THE DIV ELEMENT!');--><!-- }--><!-- );--><!-- $('p').click(--><!-- function()--><!-- {--><!-- alert('YOU HAVE CLICKED THE PARAGRAPH ELEMENT!');--><!-- }--><!-- );--><!-- $('span').click(--><!-- function()--><!-- {--><!-- alert('YOU HAVE CLICKED THE SPAN ELEMENT!');--><!-- }--><!-- );-->// 防止冒泡方式 $('div').click( function(event) { var tg = $(event.target); if(tg.is('div')) alert('YOU HAVE CLICKED THE DIV ELEMENT!'); if(tg.is('p')) alert('YOU HAVE CLICKED THE PARAGRAPH ELEMENT!'); if(tg.is('span')) alert('YOU HAVE CLICKED THE SPAN ELEMENT!'); } ); } ) </script> </head> <body> <h2>防止事件冒泡</h2><br /> <div>DIV ELEMENT <p>PARAGRAPH ELEMENT <span>SPAN ELEMENT</span> </p> </div> </body></html>
