JS阻止事件冒泡行為和閉包的方法
阻止事件冒泡行為,要是不阻止的話,點擊div的時候也會同時觸發(fā)body事件
html代碼
<body onclick='load()'> <div onclick='cli()'> click this </div> </body>
css代碼
div{ width:200px; height:200px; border:1px red solid; }
js代碼
function load(){ console.log('body') } function cli(e){ console.log('div'); if ( e && e.stopPropagation ){ e.stopPropagation(); } else{ window.event.cancelBubble = true; return false; } } //閉包:內(nèi)部函數(shù)可以訪問外部函數(shù)的變量 function a(){ var i=0; function b(){ alert(++i); } return b; } var c=a(); c();//1 返回的b()但是b()可以訪問a函數(shù)中的變量i
以上所述是小編給大家介紹的JS阻止事件冒泡行為和閉包的方法的相關(guān)知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
SpringMVC restful 注解之@RequestBody進行json與object轉(zhuǎn)換
這篇文章主要介紹了SpringMVC restful 注解之@RequestBody進行json與object轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2015-12-12JavaScript中for...in、for...of和for await...of迭代方式
方法2023-04-04Javascript removeChild()刪除節(jié)點及刪除子節(jié)點的方法
這篇文章主要介紹了Javascript removeChild()刪除節(jié)點及刪除子節(jié)點的方法的相關(guān)資料,需要的朋友可以參考下2015-12-12Javascript使用function創(chuàng)建類的兩種方法(推薦)
下面小編就為大家?guī)硪黄狫avascript使用function創(chuàng)建類的兩種方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11javascript html5搖一搖功能的實現(xiàn)
這篇文章主要為大家詳細介紹了javascript html5搖一搖功能的實現(xiàn)過程,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-04-04