美文网首页
jquery中事件和事件对象

jquery中事件和事件对象

作者: 5a4982b9b5fe | 来源:发表于2016-11-26 23:29 被阅读0次

    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

    相关文章

      网友评论

          本文标题:jquery中事件和事件对象

          本文链接:https://www.haomeiwen.com/subject/kxjgpttx.html