1.jQuery鼠标事件的click和dbclick事件click方法用于监听用户的点击操作,dbclick方法用于监听用户的双击操作。只引入了click事件,只有前端单次训练click释放后才会生效,同一个元素不能同时绑定click和dbclick事件。方法一:$ele.click()click没有参数,只绑定一个事件,可以在函数中实现其他绑定事件方法二:$ele.click(handler(eventObject))click的参数是一个函数(回调函数),click会执行函数中的操作,如果包含this,this指向触发事件元素的对象方法三:$ele.click([eventData],handler(eventObject))click添加一个参数,和上面的函数一样,只是传递了一个数据,即eventObject.data=eventData//不同的函数传递数据functiondata(e){$(this).find('p:last').html('data:'+e.data)}functiona(){$(".right").click(1111,data)}a();注意:只有当mousebuttonkey的值为1(即鼠标左键)时,绑定的事件才会实现鼠标按下后才生效。mouseup方法用于监听用户的鼠标释放操作,只有在鼠标释放后才会生效。这两个方法的用法非常相似,这里只介绍mousedown事件。方法一:$ele.mousedown()mousedown没有参数,只是绑定一个事件,其他绑定事件可以在函数中实现方法二:$ele.mousedown(handler(eventObject))mousedown的参数是一个函数(回调函数),函数中的操作会在鼠标按下后执行,如果包含this,则this指向触发事件元素的对象方法三:$ele.mousedown([eventData],handler(eventObject))mousedown增加一个参数,和上面的功能一样,只是传递了一个数据,即eventObject.data=eventData注意:mousedown强调按下,mouseup强调释放;如果您单击并按住并离开该元素,绑定仍将实现给定的事件;任意鼠标按键都会实现绑定的事件;使用事件对象的which来区分按钮,单击鼠标左键时which的值为1,单击鼠标中键时which的值为2,鼠标按下时which为右键clicked值为33。jQuery鼠标事件的mousemove事件mousemove方法用于监听用户鼠标指针移动的操作。只有鼠标指针移动才会生效,而且只会在事件绑定的元素的区域内生效。方法一:$ele.mousemove()mousemove没有参数,只是绑定一个事件,其他绑定事件可以在函数中实现方法二:$ele.mousemove(handler(eventObject))mousemove的参数是一个函数(回调函数),鼠标指针的移动会执行函数中的操作,如果包含this,则this指向触发事件元素的对象//绑定一个mousemove事件//触发后修改内容$(".aaron1").mousemove(function(e){$(this).find('p:last').html('MovingXposition:'+e.pageX)})方法三:$ele.mousemove([eventData],handler(eventObject))mousemove增加了一个参数,和上面的函数一样,只是传递了一个数据,即eventObject.data=eventData注意:mousemove强调的是鼠标指针的移动;如果处理器做了什么重要的处理,或者事件处理函数中有多个事件,可能会导致浏览器出现严重的性能问题。4、jQuery鼠标事件的mouseover和mouseout事件。mouseover方法用于监听用户的mouse-in操作。只有鼠标移入该区域后才会生效。mouseout方法用于监听用户的鼠标移出操作鼠标移开区域后操作才会生效,在事件处理过程中会有事件冒泡。这两个方法的用法非常相似,这里只介绍mouseover事件。方法一:$ele.mouseover()mouseover没有参数,只是绑定一个事件,其他绑定事件可以在函数中实现方法二:$ele.mouseover(handler(eventObject))mouseover的参数是一个函数(callbackfunction),鼠标移入后会执行函数中的操作,如果包含this,this指向触发事件的元素的对象函数同理,只是传递了一个数据,即,eventObject.data=eventData注意:mouseover强调鼠标移入区域,mouseover强调鼠标移出区域;5、jQuery鼠标事件的mouseenter和mouseleave事件同第四点基本功能和理论知识点完全一致,这里不再赘述。但是它们之间的主要区别在于第四点可能会处理冒泡事件,而第五点不会处理冒泡事件。6、jQuery鼠标事件的hover事件是第五点的总结方法,所以他不会处理冒泡事件,也就是hover事件,hover在元素区域内(移入),元素外(移出))method:$ele.hover(handlerIn(eventObject),handlerOut(eventObject))handlerIn(eventObject):当鼠标指针进入元素时触发的事件函数handlerOut(eventObject):当鼠标指针进入元素时触发的事件函数鼠标指针离开元素7.jQuery鼠标事件的focusin和focusout事件。,仅在元素获得焦点时生效。focusout方法用于监控用户元素(如input元素)的失焦操作,只有在元素失焦后才会生效。两者很相似,所以这里只介绍focusin事件方法1:$ele.focusin()focusin没有参数,只是绑定一个事件,其他绑定事件的方法可以在函数2中实现:$ele.focusin()handler(eventObject))focusin的参数是一个函数(回调函数)。鼠标移入后,会执行函数中的操作。如果它包含this,则this指向触发事件元素的对象。方法三:$ele.focusin([eventData],handler(eventObject))focusin添加一个参数,和上面的函数一样,只是传递了一个数据,即eventObject.data=eventData//函数不同passdatafunctionfn(e){$(this).val(e.data)//给输入元素赋值有val()方法,不是value()}functiona(){$("input:last").focusin('呀吧_T_呀吧',fn)}a();注:focusin强调元素的焦点;focusout强调元素的散焦。无论是自己调用焦点/失焦方法,都会执行函数中的一些操作。8、jQuery表单事件的focus和blur事件焦点方法用于监听用户元素(如input元素)的焦点操作,只有在元素获得焦点后才生效。blur方法用于监控用户元素(如input元素)的失焦操作,只有在元素失焦后才会生效。两者很相似,所以这里只介绍焦点事件方法1:$ele.focus()focusin没有参数,只是绑定一个事件,其他绑定事件的方法可以在函数2中实现:$ele.focus(handler(eventObject))focusin的参数是一个函数(回调函数)。鼠标移入后,会执行函数中的操作。如果它包含this,则this指向触发事件元素的对象。方法三:$ele.focus([eventData],handler(eventObject))focus增加一个参数,和上面的函数一样,只是传递了一个数据,即eventObject.data=eventData注:focus强调元素的焦点;blur强调的是元素的失焦,只有它自己调用了focus/out的focus方法,如果聚焦成功,就会执行函数中的一些操作。9、jQuery表单事件的change事件只有当form元素(input元素,textarea元素,select元素)的值发生变化,失去焦点(forinputtext)元素,其他立即触发),才会触发change事件表单绑定的方法:$ele.change(handler(eventObject))change的参数是一个函数(回调函数),表单元素的值发生变化后失去焦点,函数中会执行操作,如果它包含this,则this指向触发事件元素的对象。10、jQuery表单事件的select事件select事件只能用于元素和
