jquery中事件和事件对象

1.加载文档事件

jquery工具函数

[1]$(document).ready()

[2]$.holdReady(bool)暂停或者恢复ready事件

2.鼠标事件

【1】click()

当鼠标左键按下,然后在抬起鼠标左键才算完成一次click事件

$('p').click(function(){});

【2】dblclick()双击左键弹跳出

【3】focusin()获得焦点事件

[4]focusout失去焦点事件,可作用于父集

[5]mousedown鼠标按下

[6]mouseup鼠标事件弹起

[7]mousemove()鼠标移动事件获取当前鼠标的坐标

[8]mouseover是鼠标进入事件,移动到个元素会发生的事件


[9]mouseout()鼠标离开事件

[10]mouseenter()鼠标进入事件

[11]mouseleave()鼠标离开事件

[12]hover()同时绑定mouseenter和mouseleave事件


[10]和[11]是阻止冒泡的鼠标的进入和离开事件


3.键盘事件

【1】keydown(),keypress()键盘按下的事件

【2】keyup()键盘弹起的事件 键盘按键起来的时候才会触发

4.表单事件----一般表单元素才有这个事件


5.绑定和移除事件的方法

focus获得焦点事件---也就是点击触发它

blur()失去焦点事件

change()当有focus事件里面的值有改变的时候并且出发了blur事件才算完成一次change事件

select事件选中之后鼠标按中再次抬起才会触发内部的事件

submit()多用于验证表单操作事件


5.浏览器事件

resize()浏览器窗口改变大小事件


scroll()浏览器滚动条移动时发生的事件


erro 图片显示不出来,消除掉红叉


7.事件对象

【1】event.pageX获取鼠标相对于文档的x轴坐标

【2】event.pageY获取鼠标相对于文档Y轴坐标

【3】event.preventDefault()阻止浏览器默认的行为


这样不会有跳转

【4】event.stopPropagation()阻止冒泡


【5】event.which监听键盘输入和鼠标操作


【6】trigger()事件,模拟事件的发生

$('a').click(function(){

//alert('我被点击了');

//});

//$('a').mouseover(function(){

//alert('鼠标已经进入');

//});

//自动执行dom元素的方法,只能执行一个函数

//$('a').trigger('click');

【7】triggerHandler()事件,模拟事件的发生,能够阻止冒泡

8.事件目标

[1]event.target

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,646评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,310评论 0 6
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,386评论 0 8
  • (1818年-1852年) 美国国防部据说是花了10年时间,把它所需要软件的全部功能混合在一种计算机语言中,希望它...
    猫头鹰看世界阅读 3,915评论 0 4
  • Given two binary trees and imagine that when you put one ...
    孤独的喵宝宝阅读 146评论 0 0