jQuery事件

jQuery事件
1.鼠标事件

click鼠标单击时触发 click([[data],fn])
dbclick:鼠标双击时触发 dbclick([[data],fn])
mousudown:鼠标按下的时候触发
mouseup:按下的鼠标放松的时候触发
mouseenter(鼠标只要一进入,或者一移动,就会自动发生改变)
mouseleave(鼠标只要一离开,一从tag上移开),有点奇怪哈
hover([over],out):鼠标进入和退出时触发两个函数,相当于mouseenter加上mouseleave

可以同时表示进入和离开,里面有两个function

$(‘a).hover(function(){
    $(‘img’).eq($(this).index()).css({‘opacity’:’1’}).siblings().css({‘opacity:’0’});
},function(){
    $(‘img’).eq($(this).index()).css{(‘opacity’:’0’}).siblings().css({‘opacity: ‘1’});
});
});

mouseover,mouseout:和mouseenter,mouseleave的区别是鼠标进入和移出指定元素及其子元素的触发
mousemove([[data],fn):在DOM内部移动时,会发生mousemove事件
因为只要触发一次就会产生很多,捣蛋程序
scroll([[data],fn):当滚动指定的元素时,会发生scroll事件,当你拖动某件事情的时候,会发生的事件;不一定是滚轮,有时候滚动条也会
2.键盘事件

keydown([[data[,fn])
当键盘或者按钮被按下的时候,发生的事件
$(document).ready(function(){
    $(document).keydown(function(event){
    }
keyup([[data],fn]):

当按钮被松开时,会发生keyup事件,它发生在当前获得焦点的元素上
keypress([[data],fn]);
当键盘或者按钮被按下时发生的事件
一.keypress,keydown,keyup的区别:

    1.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回的是键盘代码;
    2.keypress:在键盘上按下一个按键,并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
    3.keyup:用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.

3.其他事件
ready(fn)
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数,和文档相关
resize([[data],fn]):
当调整浏览器窗口大小的时候,发生resize事件,和浏览器相关
focus([[data],fn]);
当元素获得焦点时触发focus事件
blur([[data],fn]);
当元素失去焦点时触发blur事件
change([[data],fn]);
当元素的值发生改变时候,事件发生
怎么检测呢?当你直接的输入改变时不会发生检测,而是在你有外界的压迫时,才会去检测
select([[data],fm]):
当textarea或文本类型的input元素中的文本被选择时,会发生select事件
只要有文本呗选中酒会触发select,number类型也是,checkbox也是
需要我们去选中的,才可以用select类型,并且只针对输入框,输入的东西可以被选中和编辑,比如你选中一个图片,是不可以的
submit([[data],fn]):当提交表单时,会发生submit事件

这里提交是一个按钮,因为把button放在了form里,相当于type=submit
submit事件的用途:
1.提交表单
$(‘form’).submit();
更完整的是:
$(‘input[type=button]’).click(function(){

$(‘form’).submit();

});这个时候按钮这个键也可以提交了
2.阻止表单提交
$(‘form’).submit(function(){

return false;

});
3.提交表单时做一些我们所需要做的事情
$(‘form’).submit(function(){

var inputValue = $(‘input[type=text]’).val();
if(inputValue!==‘www.imooc.com’){
    return false;

}
});//限制submit的要求
4.事件参数
event:有些事件,如mousemove和keypress,我们需要获取鼠标位置和按键的值,否则监听这些事情也没有什么意义了,所有事件都会传入event对象作为参数,可以从event对象上获得更多的信息
e.g.event.keyCode

5.事件绑定与取消
on(events,[selector],[data],fn)
在选择器上绑定一个或多个事件的时间处理函数
取消的话是off
one(type,[data],fn)
为每一个匹配元素的特定事件绑定一个一次性的事处理函数

你可能感兴趣的:(jquery)