js阻止默認事件的方法

js阻止默認事件的方法是preventDefault。

我們提供的服務有：網站設計、成都網站建設、微信公眾號開發、網站優化、網站認證、昆都侖ssl等。為上1000+企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的昆都侖網站制作公司

瀏覽器會給事件預設一定的默認事件處理，使用這個方法可以阻止默認事件，防止默認事件影響當前的程序。

JS如何阻止事件

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

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

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

瀏覽器中對事件的處理機制默認為事件冒泡，例如

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")}

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

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

這里將第三個參數設為true，指定事件處理機制為事件捕獲。此時再次單擊div3時，會依次彈出div1, div2, div3，與之前的相反。

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

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

1. 阻止冒泡事件

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

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

2. 阻止默認事件

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

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

javascript 的事件冒泡如何阻止？

2、stopPropagation（HTML DOM Event 對象方法）：終止事件在傳播過程的捕獲、目標處理或起泡階段進一步傳播。調用該方法后，該節點上處理該事件的處理程序將被調用，事件不再被分派到其他節點。

3、 preventDefault（HTML DOM Event 對象方法）通知瀏覽器不要執行與事件關聯的默認動作。

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

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

希望能幫助到你。

網頁題目：javascript事件攔截的簡單介紹
轉載來于：http://vcdvsql.cn/article42/dsdijec.html

成都網站建設公司_創新互聯，為您提供企業建站、搜索引擎優化、定制網站、網站策劃、ChatGPT、商城網站

廣告

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