js阻止默認(rèn)事件的方法

js阻止默認(rèn)事件的方法是preventDefault。

我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、昆都侖ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的昆都侖網(wǎng)站制作公司

瀏覽器會(huì)給事件預(yù)設(shè)一定的默認(rèn)事件處理，使用這個(gè)方法可以阻止默認(rèn)事件，防止默認(rèn)事件影響當(dāng)前的程序。

JS如何阻止事件

把 var timeTask = ... 前面的var去掉，使 timeTask 成為全局變量。

然后在 alert("智能鬧鐘已關(guān)閉"); 的前面插入一行：clearInterval(timeTask);

JavaScript中事件捕獲和事件冒泡以及如何阻

瀏覽器中對(duì)事件的處理機(jī)制默認(rèn)為事件冒泡，例如

div id='div1'div id='div2'div id='div3'/div/div/div

#div1{ width: 500px;height: 500px; background: rgb(12,42,31);}#div2{ width: 450px;height: 450px; background: rgb(212,142,1);}#div3{ width: 350px;height: 350px; background: rgb(1,242,153);}

綁定click事件：

div1.onclick=function(){ alert("div1")}div2.onclick=function(){ alert("div2")}div3.onclick=function(){ alert("div3")}

此時(shí)，當(dāng)單擊中間的div3時(shí)，先后彈出div3, div2, div1，此為事件冒泡的過程。利用addEventListener可以設(shè)置事件處理機(jī)制為捕獲還是冒泡：

div1.addEventListener('click',function(obj){ alert("div1")},true);//如果未false則為事件冒泡，不填的話，默認(rèn)falsediv2.addEventListener('click',function(obj){ alert("div2")},true);div3.addEventListener('click',function(obj){ alert("div3")},true);

這里將第三個(gè)參數(shù)設(shè)為true，指定事件處理機(jī)制為事件捕獲。此時(shí)再次單擊div3時(shí)，會(huì)依次彈出div1, div2, div3，與之前的相反。

而IE中只有事件冒泡，且沒有addEventListener事件，取而代之的是attachEvent。

但是有時(shí)候，我們不喜歡出現(xiàn)事件冒泡或者捕獲，希望單擊div3時(shí)，只彈出div3。這時(shí)就要用到下面阻止事件冒泡的方法。

1. 阻止冒泡事件

主要是用于阻止事件傳播。阻止它被分派到其他的DOM節(jié)點(diǎn)上，在事件傳播的任何階段都能使用。使用方法如下（兼容IE）：

function stopBubble(event){ if(window.event){//兼容IE window.event.cancelBubble=true; }else{ event.stopPropagation(); }

2. 阻止默認(rèn)事件

像submit這類的表單元素，都會(huì)綁定默認(rèn)事件，如果不阻止默認(rèn)事件，則綁定的其他方法也會(huì)無效。使用方法如下（兼容IE）：

function stopDefaultEvent(event){ if(window.event){//兼容IE window.event.returnValue=false; }else{ event.preventDefault() } return false;}

javascript 的事件冒泡如何阻止？

2、stopPropagation（HTML DOM Event 對(duì)象方法）：終止事件在傳播過程的捕獲、目標(biāo)處理或起泡階段進(jìn)一步傳播。調(diào)用該方法后，該節(jié)點(diǎn)上處理該事件的處理程序?qū)⒈徽{(diào)用，事件不再被分派到其他節(jié)點(diǎn)。

3、 preventDefault（HTML DOM Event 對(duì)象方法）通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動(dòng)作。

例子：function stopBubble(e){if (e e.stopPropagation)

e.stopPropagation()elsewindow.event.cancelBubble=true}把這個(gè)stopBubble(e)函數(shù)放到你想要的阻止事件冒泡函數(shù)里面就可以阻止事件冒泡了。

希望能幫助到你。

網(wǎng)頁題目：javascript事件攔截的簡(jiǎn)單介紹
轉(zhuǎn)載來于：http://jinyejixie.com/article42/dsdijec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、搜索引擎優(yōu)化、定制網(wǎng)站、網(wǎng)站策劃、ChatGPT、商城網(wǎng)站

廣告

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