jQuery 事件

1 jQuery 鼠标事件

1. click() 鼠标单击事件           
2. 2. dblclick() 鼠标双击事件 // js ondblclick

3. mousedown() 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生mousedown事件

4. mouseup() 当在元素上放松鼠标按钮时，会发生 mouseup 事件。

5. mouseenter() 当鼠标指针穿过元素时，会发生mouseenter事件。该事件大多数时候会与mouseleave 事件一起使用。

6. mouseleave() 当鼠标指针离开元素时，会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用

7.mouseover() 当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用

8.mouseout() 当鼠标指针从元素上移开时，发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用

9. mousemove() 当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。

 

 

2 jQuery 表单事件

 1. focus() 事件： 当元素获得焦点时，触发focus事件。可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数

 2. blur() 事件：当元素失去焦点时触发 blur 事件。这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的

 

3 jQuery事件 键盘事件

1. keydown()事件： 当键盘或按钮被按下时，发生keydown事件。
2. keyup()事件： 当按钮被松开时，发生keyup事件。它发生在当前获得焦点的元素上。

4 jQuery 事件的绑定和解绑

 

单个事件绑定

 $("#div1").on("click", function (e) {

            $(this).text("点击事件：" + e.type);

        })

这里我们前面用$(“#id”)通过id获取到按钮或者元素；

 

多个事件绑定不同函数

                $("#elem").on({

                    mouseleave:function(){},   鼠标移出事件

                    mouseover:function(){}，   鼠标移入事件

                    click:function(){}          鼠标点击事件

                });

 

 

• 多个事件绑定同一个函数

$("#div2").on("mousedown mouseup", function (e) {

$(this).text("触发了：" + e.type);

})

 

• 多个事件绑定不同函数

$("#div3").on({

mousedown: function () {

$(this).attr("class","bgGreen");

},

mouseup: function () {

$(this).removeAttr("class");

}

});