美文网首页
jquery事件

jquery事件

作者: RelaxedAndHappy | 来源:发表于2017-05-17 23:38 被阅读0次

    jquery事件调用方式:
    e lement.event(function() { alert("Hello"); });

    1. 鼠标事件;
    • click:鼠标单击时触发;
    • bdlcilck:鼠标双击时触发;
    • mouseenter:鼠标进入时触发;
    • mouseleave:鼠标移出事触发;
    • mousemove:鼠标在DOM内部移动时触发;
    • hover: 鼠标进入和退出时触发连个函数,相当于mouseenter加上mouseleave;
    1. 键盘事件
      键盘事件仅作用在当前焦点的dom上,通常是inpuit和testarea。
    • keydown:键盘按下时触发;
    • keyup:键盘松开时触发;
    • keypress:按一次后触发;
    1. 其他事件
    • focus:当DOM获得焦点时触发;
    • blur: 当DOM失去焦点时触发;
    • change:当input,select,textarer的内容改变时触发;
    • submit:当form提交时触发;
    • ready:当页面被载入并且DOM树完成初始化后触发,仅作用document对象,且只触发一次,简写为$(function() {.....});
    1. 事件参数
      有些事件,如mousemove,keypress,我们要获取鼠标位置和按键的值,,所以的事件都会传入event对象作为参数,从event对象上获取跟多的信息;
    2. 取消绑定事件;
      一个已绑定的事件可以解除绑定,通过off("click", function)实现.如:
    function hello() {
      alert("hello")
    };
    //绑定事件
    a.click(hello);
    //解除绑定
    setTimeOut(function() {
        a.off("click", hello);
    });
    

    需要注意,以下写法是无效

    a.click(funcion() {
        alert("hello");
    });
    //解除绑定
    a.off("click", function() {
     alert("hello");
    });
    

    因为两匿名函数虽然长的一摸一样,但是他们是两个不同的函数对象,off("cilck", function() {....})无法移出已绑定的第一个匿名函数;
    另外,off("click")一次性移出已绑定的click事件的所有处理函数;
    同理,off()没有参数的时候移出所有事件类型绑定的时间处理函数;

    ```.map(callback(index, domElement) {});``把每个元素通过函数传递到当前匹配的集中,生成包含返回值的新的jquery对象;需要使用get()来处理对象的到的基础数组,例:

    a.map(function() {
       return this.id;//获取是a对象所有id值
    }).get();
    

    相关文章

      网友评论

          本文标题:jquery事件

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