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
- #和&
- !=和<>
- 字首和與二維字首和
- @NotEmpty和@NotBlank和@NotNull小結Null
- ABAP和Java的destination和JNDIJava
- ♻️同步和非同步;並行和併發;阻塞和非阻塞非同步並行
- XML基本操作-建立(DOM和LOINQ)和LINQ查詢和儲存XML
- ThymeleafViewResolver和SpringTemplateEngine和SpringResourceTemplateResolver的關係ViewSpring
- javafx 和swing_整合JavaFX和SwingJava
- 檔案路徑問題( ./ 和 ../ 和 @/ )
- 尤拉計劃739:和的和
- workman 和swoole 區別 和異同
- 寬鬆相等和嚴格相等(==和===)
- 淺談mouseenter和mouseover,mouseout和mouseleave
- csv和excel讀取和下載Excel
- Cookie 和 Session 關係和區別CookieSession
- 堆和棧的概念和區別
- 【-Flutter/Dart 語法補遺-】 sync* 和 async* 、yield 和yield* 、async 和 awaitFlutterDartAI
- 字首和
- equals 和 ==
- if if和if else if
- ul和
- RestController和Controller的區別和異同RESTController
- Instruction和Question的區別和聯絡Struct
- (Day4)字首和&二維字首和
- vue和react的相同點和不同點VueReact
- pyinstaller和wordcloud和jieba的使用案列CloudJieba
- DOORS和Reqtify—需求管理和需求追溯工具QT
- MySQL 裡的 find_in_set () 和 in () 和 likeMySql
- DOORS和Reqtify — 需求管理和需求追溯工具QT
- count (*) 和 count (1) 和 count (列名) 區別
- DOORS 和Reqtify — 需求管理和需求追溯工具QT
- Golang 陣列和切片 Slice 和 Map 使用Golang陣列