jQuery-事件

Posted 2020-09-24

普通事件

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()

事件对象