事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。通常会把 jQuery 代码放到 部分的事件处理方法中：
 
jquery 绑定事件 
 
目前1.7以上，jquery的事件绑定已经用on替换了原来的bind； 
 区别：(个人理解)bind是一次绑定事件到每一个子节点；on是只绑定到父节点，然后冒泡到各个子节点；
 
用法：bind
 
 代码如下
复制代码
 一个事件，一个方法：$(".class input").bind('click',function(e){...;e.stopPropagation;}) 
 两个事件，一个方法：$(".class input").bind('click mouseover',function(e){...;e.stopPropagation;}) 
 两个事件，两个方法：$(".class input").bind({ click:function(e){...;e.stopPropagation;}, mouseover:function(e){...;e.stopPropagation;} }) 
 
on,可以直接替换掉bind，就是说上述的用法都适用于on； 
 此外，on比bind多了两个可选参数
 
 代码如下
复制代码
 on( events [,  selector ] [, data ], handler(eventObject) )
 
selector:要绑定的元素，上面的例子可以写成：$(".class").bind('click','input',function(e){...;e.stopPropagation;}) 
 (需要注意的是，有一个事件不好用，就是'大便'ie下独有的事件：onpropertychange；
 
 代码如下
复制代码
 可以用：$(".class input").bind('propertychange',function(e){...;e.stopPropagation;}) 
 没反应：$(".class").bind('propertychange','input',function(e){...;e.stopPropagation;}) 
 )
 
data:传递给event.data的参数，
 
 代码如下
复制代码
 $(".class").bind('click','input','123',function(e){alert(e.data/*123*/);e.stopPropagation;}) 
 (更具体用法可查看手册http://api.jquery.com/on/)；
 
(2)input textare 事件 
 之前做一个文本框内容实时变化事件触发时，用onkeyup + onchange；但onchang必须在文本框失焦后才会触发，后来发现可以用 
 (if IE) onpropertychange + else oninput 来处理。
 
说明： 
 oninput 事件在用户输入、退格、删除、剪切、粘贴及鼠标剪切与粘贴时触发(在 IE9&IE9+ 中可能略有区别)。 
 (Firefox、Chrome、IE9&IE9+ 均支持) 
 onpropertychange 事件在用户输入、退格、删除、剪切、粘贴及鼠标剪切与粘贴时触发 
 (仅 IE 支持)。
 
jQuery 事件
 下面是 jQuery 中事件方法的一些例子：
 
Event 函数 绑定函数至
 
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） 
 $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 
 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 
 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件 
 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
 

 unbind() 方法移除被选元素的事件处理程序。
 
该方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。
 
ubind() 适用于任何通过 jQuery 附加的事件处理程序。
 取消绑定元素的事件处理程序和函数
 规定从指定元素上删除的一个或多个事件处理程序。
 
如果没有规定参数，unbind() 方法会删除指定元素的所有事件处理程序。
 

 移除之前的绑定事件
 
 代码如下
复制代码
 
用$("#result").unbind("click")
 
 
如果你要移除所有的绑定事件，直接用 $("#result").unbind()
 
 代码如下
复制代码
 
例题中用 $("#sidebar h3").unbind("click")
 
 

 语法
 
 代码如下
复制代码
 
$(selector).unbind(event,function)
 
 
使用 Event 对象来取消绑定事件处理程序
 
规定要删除的事件对象。用于对自身内部的事件取消绑定（比如当事件已被触发一定次数之后，删除事件处理程序）。
 
如果未规定参数，则 unbind() 方法会删除指定元素的所有事件处理程序。
 
语法
 
 代码如下
复制代码
 $(selector).unbind(eventObj)亲自试一试
 
参数 描述 
 eventObj 可选。规定要使用的事件对象。这个 eventObj 参数来自事件绑定函数。
 

 
http://www.php100.com/html/program/jquery/2013/0905/5928.html

自动聚焦
 
<input type="text" class="search-input" autofocus="autofocus">
 
js获取焦点
 
$(".search-input").focus();
 
js移除焦点
 
$(".search-input").blur();

在输入完成qq号码、微信号码、email、手机号的时候，就去校验，利用文本框的 光标离开事件：onBlur ，在这个事件里写校验重复的程序，把并加入本联系人的id，如果重复，在文本框下面，或者后面用红色字体提示 重复等 信息。 
 而且不阻止用户的保存联系人信息。
 
//首先用正则表达式判断是否合法，然后，通过Ajax，调用对应的//url，即对应的action的方法，实现数据的前后台的异步交互。根据//返回的msg来进行判断。
function isEmail(str){
           var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
           var email=document.getElementById("contact_email").value;
           var id=document.getElementById("contact_id").value;
           var url="${ctx}/crm/contact.action?method:checkForm";
           $.ajax({
                url : url,
                async:false,
                type : "post",
                dataType : "json",
                data : {
                        id:id,
                        email:email
                    },
                success : function(data) {
                    pass=data.pass;
                    msg=data.msg;
                }
          });
           if(reg.test(str)=== false){
               document.getElementById("txtHint").innerHTML="输入不合法";   
           }else if(msg!=null){
               document.getElementById("txtHint").innerHTML=""+msg;
           }else{
               document.getElementById("txtHint").innerHTML="";
           }
    }
    function isQQ(str){
           var reg=/^\d{5,10}$/;  
           var qq=document.getElementById("contact_QQ").value;
           var id=document.getElementById("contact_id").value;
           var url="${ctx}/crm/contact.action?method:checkForm";
           $.ajax({
                url : url,
                async:false,
                type : "post",
                dataType : "json",
                data : {
                        id:id,
                        QQ:qq
                    },
                success : function(data) {
                    pass=data.pass;
                    msg=data.msg;
                }
          });
           if(reg.test(str)=== false){
               document.getElementById("QQHint").innerHTML="输入不合法";   
           }else if(msg!=null){
               document.getElementById("QQHint").innerHTML=""+msg;
           }else{
               document.getElementById("QQHint").innerHTML="";
           }

    }
    function isPhoneNumber(str){
        var reg=/^1[3|4|5|7|8]\d{9}$/;
        var mobile=document.getElementById("contact_mobile").value;
         var id=document.getElementById("contact_id").value;
        var url="${ctx}/crm/contact.action?method:checkForm";
           $.ajax({
                url : url,
                async:false,
                type : "post",
                dataType : "json",
                data : {
                        id:id,
                        mobile:mobile
                    },
                success : function(data) {
                    pass=data.pass;
                    msg=data.msg;
                }
          });
           if(reg.test(str)=== false){
               document.getElementById("pnHint").innerHTML="输入不合法";   
           }else if(msg!=null){
               document.getElementById("pnHint").innerHTML=""+msg;
           }else{
               document.getElementById("pnHint").innerHTML="";
           }

    }
 
<div class="row">
                <label class="col-sm-1 control-label no-padding-right"
                    for="contact_mobile">手机:</label>
                <div class="col-sm-5">
                    <input type="text" name="contact.mobile" id="contact_mobile" value="${contact.mobile}" class="input-large" onblur="isPhoneNumber(this.value)"/>
                    <font id="pnHint" color="#FF0000"></font>               
                </div>

                <label class="col-sm-1 control-label no-padding-right"
                    for="contact_email">邮箱:</label>
                <div class="col-sm-5">
                    <input type="text" name="contact.email" id="contact_email" value="${contact.email}" class="input-large" onblur="isEmail(this.value)"/>
                    <font id="txtHint" color="#FF0000"></font>
                </div>
            </div>
            <label class="col-sm-1 control-label no-padding-right"
                    for="contact_QQ">QQ:</label>
                <div class="col-sm-3">
                    <input type="text" name="contact.QQ" id="contact_QQ" value="${contact.QQ}" class="input-large" onblur="isQQ(this.value)"/>
                    <font id="QQHint" color="#FF0000"></font>
                </div>
 
//对应的action的方法。
//判断String 不为空的方法，先判断不为null再判断是否equals ""   :   (!(QQ ==null || QQ.equals(""))

public void checkForm(){
        String mobile=(String)getParameter("mobile", String.class);
        String email=(String)getParameter("email", String.class);
        String QQ=(String)getParameter("QQ", String.class);
        Long id=(Long)getParameter("id",Long.class);
        System.out.println("id: "+id);
        boolean pass=true;
        String mobileSql="SELECT * FROM t_contact c WHERE c.f_mobile=? AND c.f_id!=?";
        List mobileList = manager.findByNativeSqlAsMap(mobileSql, new Object[]{mobile,id});

        String emailSql="SELECT * FROM t_contact c WHERE c.f_email=? AND c.f_id!=? ";       
        List emailList = manager.findByNativeSqlAsMap(emailSql, new Object[]{email,id});

        String qqSql="SELECT * FROM t_contact c WHERE c.f_qq=? AND c.f_id!=? ";
        List qqList = manager.findByNativeSqlAsMap(qqSql, new Object[]{QQ,id});
        //mobile不为空且size不为0，即有重复
        if((!(mobile ==null || mobile.equals("")))&& mobileList.size()!=0){
            pass=false;
            msg+="手机号:"+mobile+ "  重复   ";          
        }
        if((!(email ==null || email.equals(""))) && emailList.size()!=0){
            pass=false;
            msg+="email:"+email+"  重复   ";          
        }
        if((!(QQ ==null || QQ.equals(""))) && qqList.size()!=0){
            pass=false;
            msg+="qq号:"+QQ+"  重复  ";    
        }
        JSONObject resultObject = new JSONObject();
        resultObject.put("pass", pass);
        if(!(msg ==null || msg.equals(""))){
            resultObject.put("msg", msg.substring(4));
        }else{
            resultObject.put("msg", msg);
        }

        System.out.println("==========");
        System.out.println("pass"+pass);
        System.out.println(resultObject.toString());
        responseWrite(resultObject.toString());
    }

无效的原因
 
@blur.prevent 调用原标签时间。