jquery基础(三) 事件篇 - 13337159127/Note GitHub Wiki
1.jQuery鼠标单击事件之click和dblclick:
click:用户单击鼠标触发
dblclick:用于双击鼠标触发
2.jQuery鼠标事件之mousedown与mouseup事件:
mousedown:用户按下鼠标触发事件
mouseup:用户抬起鼠标触发事件
3.jQuery鼠标事件之mousemove事件:用户
4.jQuery鼠标事件之mouseover与mouseout事件:
mouseover:鼠标从一个元素移入另一个元素时触发
mouseout:鼠标移出元素时触发
5.jQuery鼠标事件之mouseenter与mouseleave事件:
mouseenter:鼠标移入元素时触发
mouseleave:鼠标移出元素时触发
6.jQuery鼠标事件之hover事件:元素上移进移出切换其换色
语法 :$(selector).hover(handlerIn, handlerOut)
handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数
handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数
7.jQuery鼠标事件之focusin事件:用户在点击聚焦的时候,开发者需要捕获这个动作。
8.jQuery鼠标事件之focusout事件:用户在失去焦点的时候
9.jQuery表单事件之blur与focus事件:
10.jQuery表单事件之change事件:
input元素,<textarea>和select元素的值都是可以发生改变的,开发者可以通过change事件去监听这些改变的动作
11.jQuery表单事件之select事件:当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。
select事件只能用于元素与<textarea>元素
语法 :$("input").select();
12.jQuery表单事件之submit事件:$("#formid").submit(function() { //this指向 from元素 });
13.jQuery键盘事件之keydown()与keyup()事件:键盘按下与松手
14.jQuery键盘事件之keypress()事件:
只能捕获单个字符,不能捕获组合键
无法响应系统功能键(如delete,backspace)
不区分小键盘和主键盘的数字字符
15.on的多事件绑定:
多个事件绑定同一个函数 :$("#elem").on("mouseover mouseout",function(){ });
16.卸载事件off()方法 : 通过.on()绑定的事件处理程序,通过off() 方法移除该绑定
绑定2个事件 : $("elem").on("mousedown mouseup",fn)
删除一个事件 : $("elem").off("mousedown")
删除所有事件 : $("elem").off()
17.jQuery事件对象的属性和方法 :
event.target代表当前触发事件的元素
event.type:获取事件的类型
event.pageX 和 event.pageY:可以确定元素在当前页面的坐标值
event.preventDefault() 方法:阻止默认行为
event.stopPropagation() 方法:阻止事件冒泡
event.which:获取在鼠标单击时,单击的是鼠标的哪个键
event.currentTarget : 在事件冒泡过程中的当前DOM元素
this和event.target的区别:js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
19.jQuery自定义事件之trigger事件
trigger是什么 : 简单来讲就是:根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为
自定义事件对象,是jQuery模拟原生实现的
自定义事件可以传递参数