11 30筆記 事件

2022-09-02 18:48:08 字數 1177 閱讀 4340

複習

物件導向

1.單例模式

2.工廠模式

3.構造模式

1.事件

什麼是事件:瀏覽器客戶端上客戶觸發發行為都稱為事件

所有的事件都是天生自帶的,不需要我們去繫結,只需要我們去觸發

通過obj.事件名=function(){}

事件名:onmouseover·onmouseout·onmousedown·onmousemove·onmouseup·onclick·onchange onfocus·onblur等等

滑鼠的座標   :event.clientx        event.clienty

2.事件冒泡

什麼是事件冒泡:給父子元素的同一事件繫結方法時,觸發了子元素身上的事件,執行完畢後也會觸發父同事件,這種傳播機制叫事件冒泡

取消事件冒泡

event物件有個屬性叫cancelbubble預設值是false,改成true就取消當前事件冒泡

3.事件捕獲

給乙個元素繫結事件,普通寫法是

obj.onclick=function(){}   相當於給obj的onclick屬性賦值是乙個道理

缺點:後者會將前者覆蓋掉

第二種寫法

標準瀏覽器:  addeventlistener()這個方法

ie低版本用attachevent()這個方法

addeventlistener(引數1,引數2,引數3)

引數1——事件名,事件名不能帶on

引數2——事件函式

引數3——布林值,代表捕獲不捕獲,預設值是false,不捕獲但是冒泡

(1)ie低版本沒有捕獲

(2)普通事件繫結寫法沒有捕獲

attachevent()和

addeventlistener()

二者區別

1.attachevent只用在

ie8以下,

addeventlistener()

適合標準瀏覽

2.attachevent的事件名帶

on 而

addeventlistener

事件名不帶

on3.attachevent函式裡面的

this

是window

,而addeventlistener

函式裡面的

this

是當前元素

12 3筆記 事件物件

1.每個元素身上的事件都是天生自帶的,不需要我們去定義,只需要我們給這個事件繫結乙個方法 2.事件繫結的寫法 1 div.onclick function dom0級 2 div.addeventlistener 或div.attachevent dom2級事件繫結 3.二者的區別 onclick是...

Qt筆記 事件

qt中使用乙個物件表示乙個事件,繼承自qevent類。任何qobject子類例項都可以接收和處理事件。qmouseevent類用來表示乙個滑鼠事件。qwheelevent類用來表示滑鼠滾輪事件。常用函式 protected void mousepressevent qmouseevent event...

UI筆記 事件處理

事件概述 uievent 事件,是由硬體捕捉的乙個表示使用者操作裝置的物件。分為 觸控事件 晃動事件 遠端控制事件 觸控事件 uitouch uitouch代表觸控在螢幕上的一根手指。uiview支援觸控事件 因為繼承與uiresponder 而且支援多點觸控。需要定義uiview子類,實現觸控方法...