js節點,阻止事件冒泡

2022-07-29 02:33:10 字數 1547 閱讀 7177

parentnode:父級節點

父孩子var i=document。getelementbyid(『a2』).parentnode;

console.log('i');//會查詢到a2元素的父節點

childnodes:子級節點集

父孩子var i=document。getelementbyid(『a1』).childnodes;

console.log('i');//會查詢a1的所有子級節點,回車是乙個text節點

firstchild:第乙個子級節點

var i=document。getelementbyid(『a1』).firstchild;

console.log('i');

lastchild:最後乙個子級節點

var i=document。getelementbyid(『a1』).lastchild;

console.log('i');

nextsibling:同級下乙個節點

var i=document。getelementbyid(『a1』).nextsibling;

console.log('i');

previoussibling:同級上乙個節點

var i=document。getelementbyid(『a1』).previoussibling;

console.log('i');

阻止事件冒泡

1.e.stoppropagation();阻止事件分配到其他節點,父級事件不再顯示;

點123點我

document.getelementbyid('p').onclick=function(e);//點選點我時會彈框1,加上e.stoppropagation();後點點我時只會出現彈框1

document.getelementbyid('d').onclick=function();//點選點123時會彈框2

2.return false; js只會阻止預設行為,若有跳轉頁面將會阻止,jq阻止預設又防止冒泡;

點我連線

document.getelementbyid('p').onclick=function(e);//點選連線,先出彈框1後跳轉01.html頁面,加return false;將不再跳轉頁面

document.getelementbyid('d').onclick=function();

3.event.preventdefault();取消事件的預設動作,若有跳轉頁面將阻止

點我連線

document.getelementbyid('p').onclick=function(e);//點選連線,先出彈框1後彈出彈框2,e.preventdefault將不再跳轉頁面

document.getelementbyid('d').onclick=function();

js阻止事件冒泡

今天遇到乙個小問題 li div div本身有click事件 然後li也有click事件 當觸發li標籤的click事件時,div的click事件也會觸發 因此加了e.stoppropagation 來阻止事件冒泡 但是firefox對e不相容,於是加了e e window.event e e wi...

js阻止事件冒泡

比如上面這個頁面,分為三層 divone是第外層,divtwo中間層,hr three是最裡層 他們都有各自的click事件,最裡層a標籤還有href屬性。執行頁面,點選 點選我 會依次彈出 我是最裡層 我是中間層 我是最外層 這就是事件冒泡,本來我只點選id為hr three的標籤,但是確執行了三...

JS阻止事件冒泡,阻止預設事件

1 event.stoppropagation 阻止冒泡事件,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個鏈結,這個鏈結仍然會被開啟 2 event.preventdefault 阻止預設事件,呼叫此方法是,鏈結不會被開啟,但是會發生冒泡,冒泡會傳遞到...