JQuery事件

Posted 简单一生,快乐一生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)

以上是关于JQuery事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery——jQuery鼠标事件

jQuery 事件其他方法

jquery绑定事件on()方法

怎样用jquery写一个事件?

如何用jquery让事件重复执行

jQuery ---[jQuery事件之 ready事件,绑定事件,合成事件,其他常用事件]