【JQuery】事件

一、前言

       接着上一章选择器的知识，继续啊jQuery的学习

 

二、内容

$(function(){}) 文档初始化加载

event.pageX  相对于文档左边缘的鼠标位置
event.pageY  相对于文档上边缘的鼠标位置
event.preventDefault()  阻止元素发生默认行为  
event.isDefaultPrevented()  指明是否调用了preventDefault() 
event.result 被指定事件处理器返回的最后一个值
event.target 哪个DOM元素触发了该元素
event.timeStamp 该事件发生时的时间
event.type   事件的类型
event.which  按了哪个键或按钮


bind 绑定事件(对当前存在元素)    
     $(selector).bind("event",data,function)


blur 元素失去焦点
     $(selector).blur(function)


change 元素(select,text,textarea)值发生变化
     $(selector).change(function)


click 点击元素
     $(selector).click(function)


dbclick 双击元素
     $(selector).dbclick(function)


delegate 为子元素添加事件，data可选
     $(selector).delegate(childSelector,"event",data,function)


undelegate 删除由delegate()添加的事件
     $(selector).undelegate(selector,"event",)


die 移除通过live()方法向元素添加的事件
     $(selector).die("event",function)


error 元素遇到错误
     $(selector).error(function)


focus 元素获得焦点
     $(selector).focus(function)


keydown 按钮按下过程
     $(selector).keydown(function)


keypress 按钮按下抬起
     $(selector).keypress(function)


keyup 按钮抬起
     $(selector).keyup(function)


live 附加事件，注意与bind的区别
     $(selector).live("event",data,function)


load 加载事件
     $(selector).load(function)


unload 离开页面，只应用于window对象
     $(window).unload(function)


mouseup 鼠标抬起事件
     $(selector).mouseup(function)


mousedown 鼠标按下事件
     $(selector).mousedown(function)


mouseenter 鼠标进入元素事件
     $(selector).ouseenter(function)


mouseleave 鼠标离开被选元素事件
     $(selector).mouseleave(function)


mousemove 鼠标移动事件，慎用，影响性能
     $(selector).mousemove(function)


mouseout 鼠标离开被选元素或其子元素
     $(selector).mouseout(function)


one 为元素绑定只能运行一次的事件
     $(selector).one("event",data,function)


resize 窗口调整大小
     $(selector).resize(function)


scroll 可滚动对象滑动元素
     $(selector).scroll(function)


select 当textarea或文本型的input元素的文本被选择时
     $(selector).select(function)


submit 提交表单
     $(selector).submit(function)


toggle 轮流切换多个事件，
       第一次点击执行第一个function
       第二次点击执行第二个function
       ...
     $(selector).toggle(function1,function2,function3)
       
       切换Hide()和Show()状态
     $(selector).toggle(speed,callback)

       规定是否只显示或只隐藏匹配元素,true显示;false隐藏
     $(selector).toggle(switch)


trigger 触发事件
     $(selector).trigger("event", [param1,param2,...])
     $(selector).trigger(eventObj)


triggerHandler 触发事件，
               不冒泡，
               不触发浏览器事件，
               只影响第一个匹配项
     $(selector).triggerHandler(function1,function2,function3)


unbind 移除绑定事件
     $(selector).unbind("event",function)
     $(selector).unbind(eventObj)