jQurey学习笔记--事件

注册事件

bind( type, [data], fn )

unbind( type, fn )  //对应于删除事件

function handler(event) {
  alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler) 

 

注册一次性事件

one( type, [data], fn )

 

虽然为元素绑定了某些事件, 比如click, 但是有时希望在程序中触发这些事件

trigger( event, [data] )  //trigger会出发浏览器默认的动作

triggerHandler( event, [data] )  //triggerHandler不会出发.

//为元素绑定事件
$("input").focus(function() { });
//触发事件
$("input").trigger("focus");
 $("input").triggerHandler("focus");

 

快捷事件 Event Helpers

//注册事件
$("#testDiv").click(function(event) { alert("test div clicked ! "); });
或
$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });


//触发单击事件:
$("#testDiv").click();
或
$("#testDiv").trigger("click");

 

jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。

 live(type, [data], fn)

die(type, [fn])  //删除由live添加的事件

//注册事件
$('.clickme').live('click', function() {
  alert("Live handler called."); 
});
//然后再添加一个新元素,同样会注册该事件
$('body').append('<div class="clickme">Another target</div>');

 

 

指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

delegate(selector,[type],[data],fn)

undelegate([sel,[type],fn]) //删除事件

html:
<div style="background-color:red">
<p>这是一个段落。</p>
<button>请点击这里</button>
</div>

js:
$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

 

一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。

hover([over,out]out)

//当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

 

用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

toggle([speed],[easing],[fn])

 

blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的

 blur([[data],fn])

 

 触发每个匹配元素的change事件

change([[data],fn])

 

 点击事件

 click([[data],fn])

 

双击事件

dblclick([[data],fn])

 

错误事件

error([[data],fn])

 

焦点事件

focus([[data],fn])

 

元素获得焦点的时候会触发，这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

focusin([data],fn)

 

元素失去焦点的时候会触发，这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

focusout([data],fn)

 

keydown事件会在键盘按下时触发。

keydown([[data],fn])

keypress([[data],fn])

 

keyup事件会在按键释放时触发。

keyup([[data],fn])

 

mousedown事件在鼠标在元素上点击后会触发

mousedown([[data],fn])

 

当鼠标指针穿过元素时，会发生 mouseenter 事件。

mouseenter([[data],fn])

 

当鼠标指针离开元素时，会发生 mouseleave 事件。

mouseleave([[data],fn])

 

mousemove 事件通过鼠标在元素上移动来触发。

mousemove([[data],fn])

 

mouseout事件在鼠标从元素上离开后会触发

mouseout([[data],fn])

 

mouseover事件会在鼠标移入对象时触发

mouseover([[data],fn])

 

mouseup事件会在鼠标点击对象释放时

mouseup([[data],fn])

 

当文档窗口改变大小时触发

resize([[data],fn])

 

当滚动条发生变化时触发

scroll([[data],fn])

 

触发每一个匹配元素的select事件

select([[data],fn])

 

触发每一个匹配元素的submit事件。

submit([[data],fn])

 

卸载的时候触发

unload([[data],fn])