jQuery on 綁定多個事件綁定是一種靈活的方式,可以在一個元素上綁定多個事件。它是區(qū)別于多次使用 bind() 或者 delegate() 函數的一種優(yōu)雅方式。
$(selector).on({ mouseenter: function(){ //... }, mouseleave: function(){ //... }, click: function(){ //... } });
如上面的代碼所示,通過在on()方法中傳遞一個對象參數,可以綁定多個事件。其中對象的屬性表示事件類型,屬性值是事件處理函數。
多個事件處理函數綁定在一個元素上,可以提高代碼復用度。同時,也可以在事件處理函數中動態(tài)獲取當前事件類型。
$(selector).on('click mouseenter mouseleave', function(event){ switch (event.type){ case 'click': //... break; case 'mouseenter': //... break; case 'mouseleave': //... break; } });
上面的代碼展示了如何綁定多個事件類型,并獲取事件類型,可以使用 switch case 語句進行判斷,執(zhí)行不同的操作。
總之,jQuery on 綁定多個事件綁定是非常常用的一種方式,既可以提高代碼的可讀性和可維護性,也可以提高代碼復用度。