首頁 > 網際網路

jquery阻止事件冒泡的方法

2019-12-12 07:12:18

利用Jquery進行前端指令碼開發的時候,經常會遇到事件冒泡,那麼如何阻止事件冒泡呢?下面小編給大家分享一下。


1

首先開啟sublime text 3,新建一個html文件,並搭建HTML結構


2

然後匯入jquery庫檔案,如下圖所示


3

接著在body區域新增form表單,小編這裡用form表單演示冒泡,當然還有其他的方式,都是一樣的原理


4

然後在js中通過event.preventDefault來阻止事件冒泡,如下圖所示


5

接著我們執行介面,直接點選按鈕,預設應該是跳轉的,但是我們加入了event.preventDefault就阻止了跳轉


6

最後也可以用return false來代替event.preventDefault,如下圖所示



IT145.com E-mail:sddin#qq.com