js事件繫結的第二種形式

2021-07-09 09:33:35 字數 2733 閱讀 7026

html>

<

htmllang="en">

<

head>

<

metacharset="utf-8">

<

title>事件繫結的第二種形式

title>

head>

<

script>

window.onload =function()else);}}

bind(document,'click',fn1);

bind(document,'click',fn2);*/

functionfn1()

functionfn2()

/** obj.addeventlistener(evname,fn,false);

* false:表示冒泡; true:表示捕獲**

* */

//使用事件繫結的第一種形式冒泡執行順序是div3,div2,div1

varodiv1 =document.getelementbyid('div1');

varodiv2 =document.getelementbyid('div2');

varodiv3 =document.getelementbyid('div3');

/*odiv1.onclick = fn;

odiv2.onclick = fn;

odiv3.onclick = fn;*/

//下面使用事件繫結的第二種形式

//false 冒泡 執行順序div3,div2,div1

/*odiv1.addeventlistener('click',fn,false);

odiv2.addeventlistener('click',fn,false);

odiv3.addeventlistener('click',fn,false);*/

//true 冒泡 執行順序div1,div2,div3,主要是捕獲按鈕接收的事件,捕獲到乙個執行乙個

/*odiv1.addeventlistener('click',fn,true);

odiv2.addeventlistener('click',fn,true);

odiv3.addeventlistener('click',fn,true);

*/functionfn()

//如何移出事件繫結

//標準下

/*odiv1.addeventlistener('click',fn,false);

odiv2.removeeventlistener('click',fn,false);//移出繫結事件

odiv3.addeventlistener('click',fn,false);*/

//ie下

odiv1.detachevent('onclick',function());//移出繫結事件

odiv2.attachevent('onclick',function());

odiv3.attachevent('onclick',function());

}script>

<

style>

div

#div1

#div2

#div3

style>

<

body>

<

divid="div1">

<

divid="div2">

<

divid="div3">

div>

div>

div>

body>

html>

事件繫結的第二種形式

無標題文件title 給乙個物件繫結乙個事件處理函式的第一種形式 fn function fn1 function fn2 fn1 fn2 會覆蓋前面繫結fn1 給乙個物件的同乙個事件繫結多個不同的函式 給乙個元素繫結事件函式的第二種形式 ie obj.attachevent 事件名稱,事件函式 1...

事件繫結的第二種形式

一 過去,給乙個物件繫結乙個事件,來處理函式的形式,如obj.onclick fn1,我們稱之為事件繫結的第一種形式 賦值形式 這種形式的有一種缺點就是 同乙個物件的同乙個事件不能同時處理兩個不同的函式。例如 function fn1 function fn2 document.onclick fn...

Qt 第二種執行緒

流程 工程目錄 新增在這裡作為全域性 namespace ui class mywidget public qwidget endif mywidget h mythread.cpp include mythread.h include 待會用到sleep函式 include mythread my...