事件處理函式本質上是一種函式,是一種物件,存放在記憶體中,設定大量的事件處理函式會使記憶體中的物件變多,影響程式的效能和使用者體驗,所以為了更好的利益事件處理函式,可以巧用事件委託來提公升效能
如果想要給若干個子節點繫結相同的事件(比如click),可以把事件統一繫結到父節點上,在父節點上統一處理從子節點冒泡上來的事件,這種技術叫做事件委託
使用場景:後台管理專案中常見的列表項有一列操作按鈕,我們通常是v-for列表渲染按鈕並且註冊點選事件,此時若有100個按鈕,則註冊了100個事件 其實是不優雅的,此時可以巧用事件委託來實現
首先要搞清 e.target和e.currenttarget的區別:
e.target指向觸發事件監聽的物件。(在事件委託中 需要通過e.target拿到真正觸發事件的元素 而不是繫結事件的父元素)
e.currenttarget指向新增監聽事件的物件.(在事件委託中,指向的是繫結了事件處理函式的父元素)
然後就可以對我們的**進行改造
//事件處理函式繫結到父節點el-table上進行統一處理
//將id繫結到data-id
修改
Vue 事件的基本使用 事件修飾符
1 doctype html 2 html 3 head 4 meta charset utf 8 5 title 事件的基本使用 title 6 script type text j ascript src js vue.js script 7head 8 body 917 div id root...
巧用事件檢視器維護伺服器安全
巧用事件檢視器維護伺服器安全 陳小兵 事件檢視器相當於作業系統的保健醫生，一些 頑疾 的蛛絲馬跡都會在事件檢視器中呈現，乙個合格的系統管理員和安全維護人員會定期檢視應用程式 安全性和系統日誌，檢視是否存在非法登入 系統是否非正常關機 程式執行錯誤等資訊，通過檢視事件屬性來判定錯誤產生的 和解決方法，...
Delphi 中的常用事件
事件 描述 onactive 焦點稱到窗體或控制項時發生 onclick 滑鼠單擊事件 ondbclick 滑鼠雙擊事件 onclose和onclosequery 當關閉乙個窗體時就會響應onclose和onclosequery事件 onclosequery事件比onclose具有更高的優先順序。o...