做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JS的事件冒泡和事件捕獲(圖文教程,簡單暴力)

來源:懂視網 責編:小采 時間:2020-11-27 19:48:41
文檔

JS的事件冒泡和事件捕獲(圖文教程,簡單暴力)

JS的事件冒泡和事件捕獲(圖文教程,簡單暴力):這篇文章主要介紹了一JS的事件冒泡和事件捕獲,通過代碼舉例詳細描述了兩者之間的差別,需要的朋友可以參考下在學校,聽老師講解事件冒泡和事件捕獲機制的時候跟聽天書一樣,只依稀記得IE使用的是事件冒泡,其他瀏覽器則是事件捕獲。當時的我,把它當成IE瀏覽
推薦度:
導讀JS的事件冒泡和事件捕獲(圖文教程,簡單暴力):這篇文章主要介紹了一JS的事件冒泡和事件捕獲,通過代碼舉例詳細描述了兩者之間的差別,需要的朋友可以參考下在學校,聽老師講解事件冒泡和事件捕獲機制的時候跟聽天書一樣,只依稀記得IE使用的是事件冒泡,其他瀏覽器則是事件捕獲。當時的我,把它當成IE瀏覽

這篇文章主要介紹了一JS的事件冒泡和事件捕獲,通過代碼舉例詳細描述了兩者之間的差別,需要的朋友可以參考下

在學校,聽老師講解事件冒泡和事件捕獲機制的時候跟聽天書一樣,只依稀記得IE使用的是事件冒泡,其他瀏覽器則是事件捕獲。當時的我,把它當成IE瀏覽器兼容問題,所以沒有深究(IE8以下版本的瀏覽器已基本退出市場)。工作至今,雖然多次遇到該類問題,但均未深究,始終一知半解,遇到了全TM靠猜(選A不行就選B唄)。今天閑來無事自己做了個demo,算是把這個問題徹底搞明白了。

先上結論:他們是描述事件觸發時序問題的術語。事件捕獲指的是從document到觸發事件的那個節點,即自上而下的去觸發事件。相反的,事件冒泡是自下而上的去觸發事件。綁定事件方法的第三個參數,就是控制事件觸發順序是否為事件捕獲。true,事件捕獲;false,事件冒泡。默認false,即事件冒泡。Jquery的e.stopPropagation會阻止冒泡,意思就是到我為止,我的爹和祖宗的事件就不要觸發了。

這是HTML結構

 <p id="parent">
   <p id="child" class="child"></p>
 </p>

現在我們給它們綁定上事件

結果:

child事件被觸發,child
parent事件被觸發,parent

結論:先child,然后parent。事件的觸發順序自內向外,這就是事件冒泡。

現在改變第三個參數的值為true

結果:

parent事件被觸發,parent
child事件被觸發,child

結論:先parent,然后child。事件觸發順序變更為自外向內,這就是事件捕獲。

貌似沒什么卵用,上一個利用事件冒泡的案例,反正我是經常會用到。

  <ul>
 <li>item1</li>
 <li>item2</li>
 <li>item3</li>
 <li>item4</li>
 <li>item5</li>
 <li>item6</li>
 </ul>

需求是這樣的:鼠標放到li上對應的li背景變灰。

利用事件冒泡實現:

也許有人會說,我們直接給所有li都綁上事件也可以啊,一點也不麻煩,只要……

是,這樣也行。而且從代碼簡潔程度上,兩者是相若仿佛的。但是,前者少了一個遍歷所有li節點的操作,所以在性能上肯定是更優的。
還有就是,如果我們在綁定事件完成后,頁面又動態的加載了一些元素……

$("<li>item7</li>").appendTo("ul");
這時候,第二種方案,由于綁定事件的時候item7還不存在,所以為了效果,我們還要給它再綁定一次事件。而利用冒泡方案由于是給ul綁的事件……
高下立判!

上面是我整理給大家的,希望今后會對大家有幫助。

相關文章:

ng-repeat渲染完成如何用AngularJS監聽

用p5.js制作煙花特效的示例代碼_javascript技巧

JS+PHP往類動態添加方法

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JS的事件冒泡和事件捕獲(圖文教程,簡單暴力)

JS的事件冒泡和事件捕獲(圖文教程,簡單暴力):這篇文章主要介紹了一JS的事件冒泡和事件捕獲,通過代碼舉例詳細描述了兩者之間的差別,需要的朋友可以參考下在學校,聽老師講解事件冒泡和事件捕獲機制的時候跟聽天書一樣,只依稀記得IE使用的是事件冒泡,其他瀏覽器則是事件捕獲。當時的我,把它當成IE瀏覽
推薦度:
標簽: 事件 簡單 圖文
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 洛阳市| 长阳| 水城县| 湘潭县| 丽江市| 社旗县| 沙坪坝区| 贵德县| 新闻| 敦煌市| 泽库县| 长顺县| 镇远县| 巴马| 阆中市| 湟中县| 左贡县| 通海县| 县级市| 两当县| 永德县| 淮南市| 清丰县| 浦城县| 安义县| 淮安市| 灵寿县| 大姚县| 荆州市| 广德县| 临城县| 嘉黎县| 芮城县| 洛扎县| 敦化市| 客服| 榕江县| 盖州市| 子洲县| 阳东县| 乌兰浩特市|