首頁 web前端 js教程 js事件冒泡實例分享(已測試)_javascript技巧

js事件冒泡實例分享(已測試)_javascript技巧

May 16, 2016 pm 05:35 PM
js 事件冒泡

網路上的例子用的是$(".b").live("click",function(event){} ,jquery自動對live做了處理,阻止了事件冒泡。改成bind,實驗就能通過。

複製代碼 代碼如下:





無標題文件 <br><script type="text/javascript" src="http://www.css88.com/tool/css3Preview/jquery-1.4.2.min.js"></script> <br> <script type="text/javascript"> <BR>$(function(){ <BR>$(".b").bind("click",function(event){ <BR>$(this).css ("color","#FF3300"); <BR>event.stopPropagation()//註解掉,<SPAN style="BACKGROUND-COLOR: rgb(255,255,255)">效果是不一樣的。 🎜>}) <BR>}); <BR></script> <br> <br>

wrapwrapwrapwrapwrapwrapwrap
這是公告標題1

這是公告標題2

這是公告標題3

這是公告標題4

wrapwrapwrapwrapwrapwrapwrap


html>

以上程式碼中加入與否

複製程式碼 程式碼複製程式碼

程式碼
event.stopPropagation();
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

建議:優秀JS開源人臉偵測辨識項目

了解事件冒泡機制:為何子元素的點擊會影響父元素的事件? 了解事件冒泡機制:為何子元素的點擊會影響父元素的事件? Jan 13, 2024 pm 02:55 PM

了解事件冒泡機制:為何子元素的點擊會影響父元素的事件?

jQuery .val()失效的原因及解決方法 jQuery .val()失效的原因及解決方法 Feb 20, 2024 am 09:06 AM

jQuery .val()失效的原因及解決方法

js中點擊事件為什麼不能重複執行 js中點擊事件為什麼不能重複執行 May 07, 2024 pm 06:36 PM

js中點擊事件為什麼不能重複執行

事件冒泡為何會觸發兩次? 事件冒泡為何會觸發兩次? Feb 22, 2024 am 09:06 AM

事件冒泡為何會觸發兩次?

vue中的事件修飾符可以用於哪些場景 vue中的事件修飾符可以用於哪些場景 May 09, 2024 pm 02:33 PM

vue中的事件修飾符可以用於哪些場景

js和vue的關係 js和vue的關係 Mar 11, 2024 pm 05:21 PM

js和vue的關係

JS事件不會往上冒泡的有哪些? JS事件不會往上冒泡的有哪些? Feb 18, 2024 pm 06:31 PM

JS事件不會往上冒泡的有哪些?

See all articles