event.preventDefault()和event.stopPropagation()
event.preventDefault()
阻止預設事件
event.stopPropagation()
阻止冒泡
<div class="outer">
<div class=”inner“><a link="#">點選跳轉</div>
</div>
$(".outer ").click(function(e){
alert(1)
})
//頁面列印1,跳轉
$(".outer a").click(function(e){
e.stopPropagation()
})
$(".outer ").click(function(e){
alert(1)
})
//頁面不會列印1,會跳轉
$(".outer a").click(function(e){
e.preventDefalt()
})
$(".outer ").click(function(e){
alert(1)
})
//頁面列印1,不會跳轉
$(".outer a").click(function(e){
e.preventDefalt()
e.stopPropagation()
})
$(".outer ").click(function(e){
alert(1)
})
//頁面不會列印1,不會跳轉
相關文章
- [譯] 模組化系統中的 event.stopPropagation()
- 路徑中./和../和/
- ../和./和/的區別
- not in 和 not exists 比較和用法
- xftp和xshell,xftp和xshell的下載和安裝FTP
- #和&
- !=和<>
- ABAP和Java的destination和JNDIJava
- @NotEmpty和@NotBlank和@NotNull小結Null
- 字首和與二維字首和
- ♻️同步和非同步;並行和併發;阻塞和非阻塞非同步並行
- XML基本操作-建立(DOM和LOINQ)和LINQ查詢和儲存XML
- workman 和swoole 區別 和異同
- 寬鬆相等和嚴格相等(==和===)
- 淺談mouseenter和mouseover,mouseout和mouseleave
- csv和excel讀取和下載Excel
- Cookie 和 Session 關係和區別CookieSession
- javafx 和swing_整合JavaFX和SwingJava
- 檔案路徑問題( ./ 和 ../ 和 @/ )
- 堆和棧的概念和區別
- ThymeleafViewResolver和SpringTemplateEngine和SpringResourceTemplateResolver的關係ViewSpring
- 尤拉計劃739:和的和
- 【-Flutter/Dart 語法補遺-】 sync* 和 async* 、yield 和yield* 、async 和 awaitFlutterDartAI
- if if和if else if
- ul和
- 字首和
- equals 和 ==
- Redis RDB和AOF取捨和選擇Redis
- ssr、ss和vpn介紹和區別
- 使用Jquery和JSON的州和城市列表jQueryJSON
- VM和Container 虛擬機器和容器AI虛擬機
- 和AI談倫理、道德和謊言AI
- 堆和棧的解釋和區別
- lodsb、stosb(和lodsw、stosw和lodsd、stosd指令)
- vue和react的相同點和不同點VueReact
- MySQL 裡的 find_in_set () 和 in () 和 likeMySql
- DOORS和Reqtify — 需求管理和需求追溯工具QT
- count (*) 和 count (1) 和 count (列名) 區別