JQuery事件
第一章:鼠标事件
1. .click( )
鼠标点击事件
ele.click(function( ){
})
click事件其实是由mousedown于mouseup 2个动作构成，所以点击的动作只有在松手后才触发
例1:
点击触发
$("#test").click(function() {
//this指向 div元素
});
2. .dbclick( )
鼠标双击事件,语法与.click( )相同
与click( ) 的区别,类似于由俩个click( )事件组成,中间间隔的时间由系统设定
3. .mousedown( )
监听用户鼠标按下的操作
例1:
点击触发
$("#test").mousedown(function() {
//this指向 div元素
});
4. .mouseup( )
监听用户鼠标抬起时的操作
5. .mousemove( )
监听用户鼠标移动时的操作
6. .mouseover( )
监听用户鼠标移入时的操作(冒泡)
#绑定的元素触发了mouseover事件后,它会一直向上找父级元素的mouseover事件,如果父级元素也有mouseover事件则会被触发
7. .mouseout( )
监听用户鼠标移出时的操作(冒泡)
8. .mouseenter( )
监听用户鼠标移入时的操作(不冒泡)
# .mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发
9. .mouseleave( )
监听用户鼠标移出时的操作(不冒泡)
10. .hover( )
$(selector).hover(handlerIn, handlerOut)
在元素上移入移出,打到mouseenter 和 mouseleave 同时使用的效果
参数:
- handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数
- handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数
例1:
$("p").hover( // hover()方法是同时绑定 mouseenter和 mouseleave事件
function() {
$(this).css("background", 'red'); // 我们可以用它来简单地应用在 鼠标在元素上行为
},
function() {
$(this).css("background", '#bbffaa');
}
);
第二章: 表单事件
1. .focusin( )
当一个元素，或者其内部任何一个元素获得焦点的时候，比如input元素，用户在点击失去焦的时候，如果开发者需要捕获这个动作
冒泡
方法一: $ele.focusin( handler )
参数: handler 回调函数
方法二: $ele.focusin( [eventData ], handler )
参数: eventData 数据参数 handler 回调函数
点击触发
$("#test").focusin(function() {
//this指向 div元素
});
2. .focusout( )
当一个元素，或者其内部任何一个元素失去焦点的时候，比如input元素，用户在点击失去焦的时候，如果开发者需要捕获这个动作
用法与focusin( ) 相同,冒泡
3. .focus( )
focusin( )的不冒泡版
4. .blur( )
focusout( )的不冒泡版
5. .change( )
元素，