jQuery_5_操作事件

通过方法对事件进行操作。

 

 

---

一、给某事件追加监听函数

在js中操作事件时，不能给一个事件创建多个监听函数，后者会覆盖前者，而jQuery中操作事件为追加模式。

1、追加事件：

　　为每一个匹配元素的特定事件（像click）追加一个事件处理器函数

//获取元素对象
var obj = $("$uname");
//给元素对象追加指定事件的监听函数
obj.bind("事件名"，函数名);

　　为指定元素追加多个事件。

$('#commit_button').bind({
    click: function() {
      // do something on click
    },    
    mouseenter: function() {
      // do something on mouseenter
    }  
});

2、追加一次性事件：

例子：

　　当所有段落被第一次点击的时候，弹出框体所有其文本。

$("p").one("click", function(){
  alert( $(this).text() );
}); 

---

二、解绑指定的监听函数

例子：

　　解绑p标签的所有事件

$("p").unbind() 

　　解绑p标签的单击事件，js方式添加的事件不会被移除。

$("p").unbind( "click" ) 

---

三、常见事件

页面加载事件：

//当页面加载时，执行函数体
$(document).ready(function(){
       函数体
}); 

失去焦点事件：

//给p标签追加一个失去焦点事件
$("p").blur( function () { alert("Hello World!"); } ); 

//触发p标签的失去焦点事件
$("p").blur(); 

单击事件：

　　click()

双击事件：

　　dblclick()

......