JS阻止事件冒泡行為和閉包的方法

更新時間：2016年06月16日 17:19:49 作者：小碼農雯

這篇文章主要介紹了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;
}
}
//閉包:內部函數可以訪問外部函數的變量
function a(){
var i=0;
function b(){
alert(++i);
}
return b;
}
var c=a();
c();//1 返回的b（）但是b（）可以訪問a函數中的變量i

以上所述是小編給大家介紹的JS阻止事件冒泡行為和閉包的方法的相關知識，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

JavaScript?中處理?null和?undefined的常見方法
文章介紹了可選鏈操作符（?.）和空值合并操作符（??）的使用方法,并對比了它們與邏輯非運算符（!）的區(qū)別,還討論了使用寬松比較運算符（==）和自定義函數來優(yōu)化判斷的幾種方法,以提高代碼的可讀性和性能,感興趣的朋友跟隨小編一起看看吧
2025-01-01
微信公眾號授權登錄的超詳細步驟
微信公眾號授權登錄的使用最為常見,當然只是一些會只有登錄,所以選擇點擊授權登,下面這篇文章主要給大家介紹了微信公眾號授權登錄的超詳細步驟,需要的朋友可以參考下
2022-12-12
原生js實現淘寶購物車功能
這篇文章主要向大家推薦一個原生js實現淘寶購物車功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
原生js獲取元素樣式的簡單方法
下面小編就為大家?guī)硪黄鷍s獲取元素樣式的簡單方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
深入理解Javascript中的循環(huán)優(yōu)化
這篇文章介紹了Javascript中的循環(huán)優(yōu)化，有需要的朋友可以參考一下
2013-11-11
Javascript前端UI框架Kit使用指南之Kitjs簡介
本文給大家簡單介紹了一款優(yōu)秀的Javascript前端UI框架--Kitjs，支持PC端以及手機開發(fā)領域，非常的全面，這里推薦給有需要的小伙伴。
2014-11-11
微信小程序實現手勢解鎖的示例詳解
手勢解鎖是生活中常用的解鎖方式，本文將通過微信小程序實現手勢解鎖這一功能，本實例以工具的形式可以嵌入到不同的項目之中，感興趣的可以了解一下
2022-04-04
解決Layui當中的導航條動態(tài)添加后渲染失敗的問題
今天小編就為大家分享一篇解決Layui當中的導航條動態(tài)添加后渲染失敗的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JS調用Android、Ios原生控件
本文主要介紹了JS調用Android、Ios通信的相同點和不同點，以便幫助我們在進行混合式開發(fā)時，提高代碼質量，實現兩者在網頁端代碼的統(tǒng)一。下面跟著小編一起來看下吧
2017-01-01
Javascript的原型和原型鏈你了解嗎
這篇文章主要為大家詳細介紹了Javascript的原型和原型鏈，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03