• jQuery中的事件


    jQuery 事件

     1.ready(fn) 当DOM载入就绪可以查询及操纵绑定一个要执行的函数。

    $(document).ready(function()){

    //代码部分

    });

    也可以这么写

    $(function(){

    //代码部分

    });

    2.on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件处理函数

    3.off(events,[selector],[data],fn)  在选择元素上移除一个或多个事件的事件处理函数

    off()方法移除用on()绑定的事件处理程序

    4.one(type,[data],fn) 为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。每个对象上,这个事件处理函数只会被执行一次,其他规则与bind()函数相同

    5.trigger(type,[data]) 在每一个匹配的元素上触发某类事件

    6.triggerHandler(type,[data]) 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作,也不会产生事件冒泡。

    7.hover([over,]out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

    over:鼠标移到元素上要触发的函数。

    out:鼠标移出元素要触发的函数。

    8.toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理函数,以响应被选元素的轮流的Click事件。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

    9.blur([[data],fn]) 当元素失去焦点时触发blur事件。

    10.change([data],fn]) 当元素的值发生改变时,会发生change事件。该事件仅适用于文本域(text filed),以及textarea 和 select元素。

    11.click([[data],fn]) 触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。

    12.dblclick([[data],fn]) 当双击元素时,会发生dblclick事件。

    13.error([[data],fn]) 当元素遇到错误(没有正确载入)时,发生error事件。

    14.foucs([[data],fn]) 当元素获得焦点时,触发focus事件。

    15.foucsin([data],fn) 当元素获得焦点时,触发focus事件。focusin事件跟focus事件区别在于,他可以在父元素上检测子元素获取焦点的情况。

    16.foucsout([data],fn) 当元素失去焦点时触发focusout 事件。focusout事件跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况。

    17.keydown([data],fn]) 当键盘或按钮被按下时,发生keydown事件。

    18.keyup([[data],fn])当按钮被松开时,发生keyup事件。它发生在当前获得焦点的元素上

    19.mouseenter([[data],fn]) 当鼠标指针穿过元素,会发生mouseenter 事件。该事件大多数时候与mouseleave事件一起使用。

    20.mousedown([[data],fn]) 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生mousedown事件。

                                         

  • 相关阅读:
    【Vue原理】Compile
    vue v-cloak 的作用和用法
    vue中template的作用及使用
    Vue-router 嵌套路由
    Vue keep-alive实践总结
    Vuex入门(2)—— state,mapState,...mapState对象展开符详解
    mysql允许外部连接设置
    Swagger入门教程
    牛客枚举题---铺地毯
    牛客区间求和、枚举、贪心题---数学考试
  • 原文地址:https://www.cnblogs.com/Ellen-study/p/7252950.html
Copyright © 2020-2023  润新知