網(wǎng)頁制作中的Js事件冒泡(網(wǎng)頁制作中的表單怎么制作)

2024-03-20    分類： 網(wǎng)站建設(shè)

什么是事件冒泡？我們在平時的開發(fā)過程中，肯定會遇到在一個html元素包裹另一個html元素的情況，我們在這兩個元素上都綁定了事件，如果點擊里面的元素，那么這個事件會向這個對象的父級對象傳播，從里到外，直至它被處理（父級對象所有同類事件都將被激活），或者它到達(dá)了對象層次的最頂層，即document對象（有些瀏覽器是window）。

怎么阻止了？有三種方法來阻止。1、.event.stopPropagation();事件處理過程中， 則只阻止事件往上冒泡，不阻止事件本身，它可以執(zhí)行了超鏈接的跳轉(zhuǎn)；代碼如下圖：

2.event.preventDefault(); 有時候點擊提交按鈕會有一些默認(rèn)事件。比如跳轉(zhuǎn)到別的界面。但是如果沒有通過驗證的話，就不應(yīng)該跳轉(zhuǎn)。這時候可以通過設(shè)置event.preventDefault()，阻止默認(rèn)行為。代碼如下圖：

3.return false;事件處理過程中，不僅阻止了事件往上冒泡，而且阻止了事件本身，它就沒有執(zhí)行了超鏈接的跳轉(zhuǎn)；代碼如下圖：
 

以上就是關(guān)于網(wǎng)頁制作中的Js事件冒泡(網(wǎng)頁制作中的表單怎么制作)，希望對你有幫助，更多內(nèi)容關(guān)注創(chuàng)新互聯(lián)。

網(wǎng)頁題目：網(wǎng)頁制作中的Js事件冒泡(網(wǎng)頁制作中的表單怎么制作)
轉(zhuǎn)載來于：http://www.bm7419.com/news24/320874.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、品牌網(wǎng)站制作、定制網(wǎng)站、App開發(fā)、響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計