jQuery中的on()方法可以用来监听事件,监听的事件可以是鼠标点击、输入框输入、键盘按键等等。
$(selector).on(event, childSelector, data, function)
其中,selector表示需要绑定事件的元素,event表示需要监听的事件类型,如click、keydown等等。childSelector是可选的,表示要监听的元素必须是selector的子元素才会触发事件。data也是可选的,表示需要传递给事件处理函数的额外数据。最后一个参数function则是事件处理函数。
在on()方法中,也可以使用一个包含多个事件处理函数的JavaScript对象来绑定多个事件,如下所示:
$(selector).on({event1: function() {// 处理event1事件},event2: function() {// 处理event2事件}});
使用off()方法可以移除通过on()方法绑定的事件,如下所示:
$(selector).off(event, childSelector, function)
其中,event、childSelector、function对应着on()方法中的同名参数。在移除事件时,如果没有提供具体的参数,则会移除所有通过on()方法绑定的事件。
总之,通过on()方法可以很方便地监听多种类型的事件,并通过off()方法对其进行移除。