事件委託的小應用

事件委託

利用冒泡原理，把事件加到父級元素上，觸發事件的執行效果

舉了例子，建立一堆無序列表，我們希望當滑鼠滑過的時，改變當前 的背景顏色

var ulbox = document.getelementbyid("ulbox");

var li = document.getelementsbytagname("li");
var l = li.length;
for(i=0;i這樣，我們已經為每個 都新增了事件，但是，這個事件迴圈了 i 次，比較消耗效能。
用事件**也可以實現同樣的效果

var ulbox = document.getelementbyid("ulbox");

ulbox.onmouseover = function(e)
ulbox.onmouseout = function(e)

如果我們要追加幾個 ，使用乙個按鈕來新增元素

如果使用常規方法

var ulbox = document.getelementbyid("ulbox");

var li = document.getelementsbytagname("li");
var btn = document.getelementbyid("btn");
var l = li.length;
for(i=0;i新加入的 並不能響應滑過變色的事件，因為在新增完元素之前，迴圈已經執行完畢。
使用事件委託，即可以直接響應事件效果

ulbox.onmouseover=function(e)

ulbox.onmouseout=function(e)
btn.onclick=function()

委託 事件小例

朋友在寫socket的程式，希望將業務邏輯和介面分離。寫了個運用事件 委託的小demo，不當之處還望多多指點。業務邏輯 class keyeventargs eventargs public string msg class server ui部分 public partial class main...

委託和事件的應用場景

接觸過委託和事件的人都知道，它們的語法都很簡單，真正的難點是在什麼場景中利用它們的特性來使用它。下面我希望通過我分析下面的這個案例可以讀者有一些啟發。有錯誤的地方還望指出，一起進步，謝謝！假設你在一天的某個心情好的時刻會玩王者榮耀，你的5個寢室友 a,b,c,d,e 將在一起打賭，如果你贏了，5個寢...

Jquery的普通事件和on的委託事件小案例

以click的事件為例 普通的繫結事件 btn click function 繫結 on繫結事件 document on click btn2 function 那麼兩種方式的區別到底是什麼呢？我們以乙個例子來說下區別 click事件是在頁面載入後，獲取的所有類名為btn1的元素，然後繫結了這個cl...