鼠标事件
click([[data], fn])、dblclick([[data], fn])
click:鼠标单击时触发
dblclick:鼠标双击时触发
mousedown、mouseup
mousedown:鼠标按下时触发
mouseup:按下的鼠标放松是触发
mouseenter、mouseleave
鼠标进入(移出)时触发
hover([over], out)
鼠标进入和退出时触发两个函数,相当于 mouseenter 加上 mouseleave
mouseover、mouseout
鼠标进入(移出)指定元素及其子元素时触发
mousemove([[data], fn])
在 DOM 内部移动时,会发生 mousemove 事件
scroll([[data], fn])
当滚动指定的元素时,会发生 scroll 事件
键盘事件
keydown([[data], fn])
当键盘或按钮被按下时,发生 keydown 事件
keyup([[data], fn])
当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上
keypress([[data], fn])
当键盘或按钮被按下时,发生 keypress 事件
其他事件
ready(fn)
当 DOM 载入就绪可以查询及操纵时绑定一个要执行的函数
resize([[data], fn])
当调整浏览器窗口大小时,发生 resize 事件
focus([[data], fn])、blur([[data], fn])
当元素获得(失去)焦点时触发focus(blur)事件
change([[data], fn])
当元素的值发生改变时,会发生 change 事件
select([[data], fn])
当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件
submit([[data], fn])
当提交表单时,会发生 submit 事件
注:如果 submit 事件中的函数返回值为 false,表单不会提交
事件参数
event
有些事件,如 mousemove 和 keypress,我们需要获取鼠标位置和按键的值,否则监听这些事件就没什么意义了。所有事件都会传入 event 对象作为参数,可以从 event 对象上获取到更多的信息
事件绑定与取消
on(events, [selector], [data], fn)
在选择元素上绑定一个或多个事件的事件处理函数
off(events, [selector], [fn])
在选择元素上移除一个或多个事件的事件处理函数
one(type, [data], fn)
为每一个匹配元素的特定事件(比如 click )绑定一个一次性的事件处理函数
网友评论