首页 > 代码库 > jQuery-事件

jQuery-事件

普通事件

click(data fn(e))  触发或绑定每一个匹配元素的点击事件

  data用法:{"name" : "nopi"}  e.data.name

与onclick区别

  1、onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么

  2、onclick=""只能绑定一次,再次绑定会把之前的覆盖

  3、click()方法的主要作用是触发调用元素onclick事件

  4、$(‘‘).click()可以绑定多次,再次绑定会在前一个程序执行完后触发

  5、onclick这种方式,每次触发“Click”事件,只能执行标记的方法,而“$("").click”这种方式更像一个方法队列,你可以为“Click”事件注册多个处理函数

与on()区别

  1、on()可用于绑定动态元素(事件委托),click()不能

  2、on()可以一起绑定多个不同事件

  3、on()可以添加命名空间,以便off的时候可以移除指定命名空间的事件,而不是移除所有

鼠标点击事件:mousedown  mouseup  click  dblclick

注:mousedown + mouseup = click,click * 2 = dblclick

鼠标移动事件:mouseenter  mouseleave  mouseover  mouseout  mousemove

注:不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件

键盘事件:keydown  keyup  keypress

注:keydown  keyup  keypress区别

  1、键事件按下列顺序发生:keydown  keypress  keyup

  2、KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将不会触发KeyUp事件

  3、KeyPress主要用来捕获数字(包括Shift+数字)、字母(包括大小写)、小键盘等,返回ANSI字符,KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键,返回键码

  4、KeyPress 只能捕获单个字符,KeyDown 和KeyUp 可以捕获组合键

  5、KeyPress 可以捕获单个字符的大小写,KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断单个字符的大小写

  6、KeyPress 不区分小键盘和主键盘的数字字符。KeyDown 和KeyUp 区分小键盘和主键盘的数字字符

  7、其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获

  8、判断组合键用keyup

焦点事件:focus  blur  focusin  focusout

 

表单事件:change  select  submit

浏览器页面大小改变事件与浏览器滚动条事件:resize  scroll

加载页面与离开页面事件:ready  unload

注:当发生以下情况时,会发出 unload 事件:

  点击某个离开页面的链接,在地址栏中键入了新的 URL,使用前进或后退按钮

  关闭浏览器

  重新加载页面

抛出错误事件:error

复合事件

hover()

toggle()

事件处理

on()  

off()  

one()  

trigger()

triggerHandler()

事件对象

 

jQuery-事件