jQuery事件之UI，表单事件

(2010-04-03 20:41:45)

UI事件：
   1：UI是用户接口的意思，UI事件是专门处理用户和浏览器或页面元素本身的交互。UI事件可以帮助你找到用户正在交互的页面元素，并为他们提供更多的上下文(比如高亮或者帮助菜单)。
   2：focus()事件是确定页面内鼠标的当前定位的方式，它默认在整个文档内，但是，点击或者是使用键盘Tab键切换到任何一个链接或者是表单输入元素，focus就会进入该元素。
     $('a').focus(function(){
       alert('focus function is running!!'); //这个是为了说明焦点事件发生了
       return false;  //这个是为了阻止浏览器的默认事件的发生
       });
   3：blur()事件是在用户从一个元素到另一个元素改变焦点(在上下文链接，输入元素或者页面自身)时触发。
      $('a').blur(function(){
       alert('blur function is running!!'); //这个是为了说明失去焦点事件发生了
       return false;  //这个是为了阻止浏览器的默认事件的发生
       });
表单事件：
   1：select()事件是在用户使用鼠标输入框内选择不同区块的文本时触发，在该事件内，你可以重定义用户与表单的交互。
     $('textarea').select(function(){
        alert('select function is running !!');
     });
   2：change()事件是在用户改变输入元素(包括<select>,<textarea>元素)的值时触发，该事件仅在用户离开了元素，使其失去焦点时触发。
      $('input[type=text]').change(function(){  //选择属性为text的input标签并绑定change事件
          alert('change function is running!!');
     });
   3：submit()事件仅在表单内并且尽当用户点击了提交按钮(在表单内)或者在其中一个输入元素内敲击了回车键时触发。通过为表单的提交按钮绑定submit处理函数而非点击处理函数，你才可以确保捕获用户提交的表单的意图。这个事件只能绑定在form元素上。
     $('form').submit(function(){
        alert('submit function is running!!');
     });
   4：reset()事件仅在用户点击表单内的重置按钮(跟提交按钮相反，但它不能由回车键触发)。