JS阻止事件冒泡行為和閉包的方法
更新時(shí)間：2016年06月16日 17:19:49 作者：小碼農(nóng)雯
這篇文章主要介紹了JS阻止事件冒泡行為和閉包的方法的相關(guān)資料,需要的朋友可以參考下
阻止事件冒泡行為，要是不阻止的話，點(diǎn)擊div的時(shí)候也會(huì)同時(shí)觸發(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ù)可以訪問(wèn)外部函數(shù)的變量
function a(){
var i=0;
function b(){
alert(++i);
}
return b;
}
var c=a();
c();//1 返回的b（）但是b（）可以訪問(wèn)a函數(shù)中的變量i
以上所述是小編給大家介紹的JS阻止事件冒泡行為和閉包的方法的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript?中處理?null和?undefined的常見(jiàn)方法
文章介紹了可選鏈操作符（?.）和空值合并操作符（??）的使用方法,并對(duì)比了它們與邏輯非運(yùn)算符（!）的區(qū)別,還討論了使用寬松比較運(yùn)算符（==）和自定義函數(shù)來(lái)優(yōu)化判斷的幾種方法,以提高代碼的可讀性和性能,感興趣的朋友跟隨小編一起看看吧2025-01-01
微信公眾號(hào)授權(quán)登錄的超詳細(xì)步驟
微信公眾號(hào)授權(quán)登錄的使用最為常見(jiàn),當(dāng)然只是一些會(huì)只有登錄,所以選擇點(diǎn)擊授權(quán)登,下面這篇文章主要給大家介紹了微信公眾號(hào)授權(quán)登錄的超詳細(xì)步驟,需要的朋友可以參考下2022-12-12
這篇文章主要向大家推薦一個(gè)原生js實(shí)現(xiàn)淘寶購(gòu)物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
下面小編就為大家?guī)?lái)一篇原生js獲取元素樣式的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
深入理解Javascript中的循環(huán)優(yōu)化
這篇文章介紹了Javascript中的循環(huán)優(yōu)化，有需要的朋友可以參考一下2013-11-11
Javascript前端UI框架Kit使用指南之Kitjs簡(jiǎn)介
本文給大家簡(jiǎn)單介紹了一款優(yōu)秀的Javascript前端UI框架--Kitjs，支持PC端以及手機(jī)開(kāi)發(fā)領(lǐng)域，非常的全面，這里推薦給有需要的小伙伴。2014-11-11
微信小程序?qū)崿F(xiàn)手勢(shì)解鎖的示例詳解
手勢(shì)解鎖是生活中常用的解鎖方式，本文將通過(guò)微信小程序?qū)崿F(xiàn)手勢(shì)解鎖這一功能，本實(shí)例以工具的形式可以嵌入到不同的項(xiàng)目之中，感興趣的可以了解一下2022-04-04
解決Layui當(dāng)中的導(dǎo)航條動(dòng)態(tài)添加后渲染失敗的問(wèn)題
今天小編就為大家分享一篇解決Layui當(dāng)中的導(dǎo)航條動(dòng)態(tài)添加后渲染失敗的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
本文主要介紹了JS調(diào)用Android、Ios通信的相同點(diǎn)和不同點(diǎn)，以便幫助我們?cè)谶M(jìn)行混合式開(kāi)發(fā)時(shí)，提高代碼質(zhì)量，實(shí)現(xiàn)兩者在網(wǎng)頁(yè)端代碼的統(tǒng)一。下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要為大家詳細(xì)介紹了Javascript的原型和原型鏈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03