jQuery 绑定事件

2024-09-08 22:33:47

$('input').bind('click mouseover', fn);

$('input').bind({

　　mouseover: fn(){},

　　mouseover:fn(){}　　

});

删除事件

unbind()

$('input').unbind();//删除全部事件

$('input').unbind();//删除其中的cilck事件

$(input').unbind('click', fn);//删除click的fn()事件

简写事件绑定的方法

========鼠标事件

$('input').click(function(){

　　alert('单击事件');

});

dblclick 双击

mousedown 鼠标按下

mouseup 鼠标弹起

mousemove 拖拽

mouseenter 鼠标穿入

mouseleaver 鼠标穿出

========键盘事件

keydown 按键按下

keyup 按键弹起

keypress

========文档事件

unload 文件加载完一般用于清理(刷新，关闭网页后执行)

resize 改变窗口大小

scroll 滚动条改变

========表单事件

focus

blur

fousin

fousout

submit 提交表单时

========文本事件

select 文本选定时

change 文本改变时

mouseenter 与 mouseover区别

前者不会触发子节点后者会触发

(多用前者)

keydown keyup 与 keypress区别

前两者返回键码后者返回字符编码

$('input').keydown(function(e){

　　alert(e.keycode);

})

$('input').keypress(function(e){

　　alert(e.keycode);

})

前者按a 返回65 后者返回 97

focus blur 与 focusin focusout

光标丢失前两者不包括子元素后后两者包括

最新文章

热门文章