jquery——on 綁定事件

一.實現綁定多個事件

• 1.使用on綁定多個事件對應同一個事件處理
  函數語法結構：jq對象.on(“事件類型1 事件類型2”,”事件處理函數”)
  如：

  image.png

   

• 2.使用on綁定多個事件對應不同的事件處理函數
  函數語法結構：

 

jq對象.on({
           事件類型1 : 事件處理函數1,
           事件類型2 : 事件處理函數2,
           事件類型3 : 事件處理函數3
           });

如：

 

image.png

二.使用on進行事件委派

使用jQuery中on進行普通綁定事件的時候，會出現一些小小問題，就是不能給動態添加的元素綁定事件 ，如下

image.png

 

這時候就要用到on的事件委派（事件委託）
語法結構：jq對象.on("事件類型","指定的後代元素",事件處理函數)
如：

image.png

 

3.總結

如果是普通綁定事件你就可以使用on的普通事件綁定，如果是對於動態添加的元素的事件綁定就使用on的事件委派。

鏈接：https://www.jianshu.com/p/77181e1c1a17
來源：簡書