鍐掓場浜嬩歡灝辨槸鐐瑰嚮瀛愯妭鐐癸紝浼?xì)鍚戜笂瑙﹀彂鐖惰妭鐐瑰Q岀鍏堣妭鐐圭殑鐐瑰嚮浜嬩歡銆?/p>
涓嬮潰鏄痟tml浠ｇ爜閮ㄥ垎錛?/p>
<body> <div id="content"> 澶栧眰div鍏冪礌 <span>鍐呭眰span鍏冪礌</span> 澶栧眰div鍏冪礌 </div> <div id="msg"></div> </body>
瀵瑰簲鐨刯Query浠ｇ爜濡備笅錛?/p>
<script type="text/javascript"> $(function(){ // 涓簊pan鍏冪礌緇戝畾click浜嬩歡 $('span').bind("click",function(){ var txt = $('#msg').html() + "<p>鍐呭眰span鍏冪礌琚偣鍑?<p/>";//鑾峰彇html淇℃伅 $('#msg').html(txt);// 璁劇疆html淇℃伅 }); // 涓篸iv鍏冪礌緇戝畾click浜嬩歡 $('#content').bind("click",function(){ var txt = $('#msg').html() + "<p>澶栧眰div鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); }); // 涓篵ody鍏冪礌緇戝畾click浜嬩歡 $("body").bind("click",function(){ var txt = $('#msg').html() + "<p>body鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); }); }) </script>
褰撶偣鍑籹pan鏃訛紝浼?xì)瑙﹀彂div涓巄ody 鐨勭偣鍑諱簨浠躲傜偣鍑籨iv鏃朵細(xì)瑙﹀彂body鐨勭偣鍑諱簨浠躲?/p>
濡備綍闃叉榪欑鍐掓場浜嬩歡鍙戠敓鍛紵
淇敼濡備笅錛?/p>
<script type="text/javascript"> $(function(){ // 涓簊pan鍏冪礌緇戝畾click浜嬩歡 $('span').bind("click",function(event){ var txt = $('#msg').html() + "<p>鍐呭眰span鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); event.stopPropagation(); // 闃繪浜嬩歡鍐掓場 }); // 涓篸iv鍏冪礌緇戝畾click浜嬩歡 $('#content').bind("click",function(event){ var txt = $('#msg').html() + "<p>澶栧眰div鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); event.stopPropagation(); // 闃繪浜嬩歡鍐掓場 }); // 涓篵ody鍏冪礌緇戝畾click浜嬩歡 $("body").bind("click",function(){ var txt = $('#msg').html() + "<p>body鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); }); }) </script>
event.stopPropagation(); // 闃繪浜嬩歡鍐掓場
鏈夋椂鍊欑偣鍑?yán)L彁浜ゆ寜閽細(xì)鏈変竴浜涢粯璁や簨浠躲傛瘮濡傝煩杞埌鍒殑鐣岄潰銆備絾鏄鏋滄病鏈夐氳繃楠岃瘉鐨勮瘽錛屽氨涓嶅簲璇ヨ煩杞傝繖鏃跺欏彲浠ラ氳繃璁劇疆event.preventDefault(); //闃繪榛樿琛屼負(fù) ( 琛ㄥ崟鎻愪氦 )銆?/p>
涓嬮潰鏄渚嬶細(xì)
<script type="text/javascript"> $(function(){ $("#sub").bind("click",function(event){ var username = $("#username").val(); //鑾峰彇鍏冪礌鐨勫鹼紝val() 鏂規(guī)硶榪斿洖鎴栬緗閫夊厓绱犵殑鍊箋?/span> if(username==""){ //鍒ゆ柇鍊兼槸鍚︿負(fù)絀?/span> $("#msg").html("<p>鏂囨湰妗嗙殑鍊間笉鑳戒負(fù)絀?</p>"); //鎻愮ず淇℃伅 event.preventDefault(); //闃繪榛樿琛屼負(fù) ( 琛ㄥ崟鎻愪氦 ) } }) }) </script>
html閮ㄥ垎錛?/p>
<body> <form action="test.html"> 鐢ㄦ埛鍚嶏細(xì)<input type="text" id="username" /> <br/> <input type="submit" value="鎻愪氦" id="sub"/> </form> <div id="msg"></div> </body>
榪樻湁涓縐嶉槻姝㈤粯璁よ涓虹殑鏂規(guī)硶灝辨槸return false銆傛晥鏋滀竴鏍楓?/p>
浠ｇ爜濡備笅錛?/p>
<script type="text/javascript"> $(function(){ $("#sub").bind("click",function(event){ var username = $("#username").val(); //鑾峰彇鍏冪礌鐨勫?/span> if(username==""){ //鍒ゆ柇鍊兼槸鍚︿負(fù)絀?/span> $("#msg").html("<p>鏂囨湰妗嗙殑鍊間笉鑳戒負(fù)絀?</p>"); //鎻愮ず淇℃伅 return false; } }) }) </script>
鍚岀悊錛屼笂闈㈢殑鍐掓場浜嬩歡涔熷彲浠ラ氳繃return false鏉ュ鐞嗐?/p>
<script type="text/javascript"> $(function(){ // 涓簊pan鍏冪礌緇戝畾click浜嬩歡 $('span').bind("click",function(event){ var txt = $('#msg').html() + "<p>鍐呭眰span鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); return false; }); // 涓篸iv鍏冪礌緇戝畾click浜嬩歡 $('#content').bind("click",function(event){ var txt = $('#msg').html() + "<p>澶栧眰div鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); return false; }); // 涓篵ody鍏冪礌緇戝畾click浜嬩歡 $("body").bind("click",function(){ var txt = $('#msg').html() + "<p>body鍏冪礌琚偣鍑?<p/>"; $('#msg').html(txt); }); }) </script>
]]>