zoukankan      html  css  js  c++  java
  • jquery 表单事件

    .blur()
      当元素失去焦点的时候触发事件。
      .blur(handler(eventObject))
        handler(eventObject)
          每当事件触发时候执行的函数。
      .blur([eventData],handler(eventObject))
        eventData
          一个对象,它包含的数据键值对映射将被传递给事件处理程序。
        handler(eventObject)
          每当事件触发时执行的函数。
      效果:
        $("input").blur(function(){
          $("input").css("background-color","#D6D6FF");
        }); 当输入域失去焦点 (blur) 时改变其颜色:


    .change()
      当元素的值发生变化时,会触发此事件,该事件仅用于text field textarea 和 select
      .change(handler)
        handler
          每当事件触发时执行的函数。
      .change([eventData,handler])
        eventData
          一个对象,它包含的数据键值对映射将被传递给事件处理程序。
        handler
          每当事件触发时执行的一个函数。
      .change()
        这个方法不接受任何参数
      用法:

      $("textarea").change(function(){
          $(this).css("color","red");
        });

    .focus()
      当元素获得焦点的时候触发的事件。
      .focus(handler(eventObject))
        handler(eventObject)
          每当事件触发时候执行的函数。
      .focus([eventData],handler(eventObject))
        eventData
          一个对象,它包含的数据键值对映射将被传递给事件处理程序。
        handler(eventObject)
          每当事件触发时执行的函数。
      用法:

     $("input").focus(function(){
            $("input").css("background-color","#FFFFCC");
        });

    .select()
      当触发select 事件时执行函数。
      .select(handler(eventObject))
        handler(eventObject
          每当事件触发时候执行的函数。
      .select([eventData],handler(eventObject))
        eventData
          一个对象,它包含的数据键值对映射将被传递给事件处理程序。
        handler(eventObject)
          每当事件触发时执行的函数。
      效果:

      $("input").select(function(){
            $("input").after(" Text marked!");
        });

    .submit()
      当提交表单时会触发此函数。
      .submit(handler(eventObject))
          handler(eventObject
            每当事件触发时候执行的函数。
      .submit([eventData],handler(eventObject))
          eventData
            一个对象,它包含的数据键值对映射将被传递给事件处理程序。
          handler(eventObject)
            每当事件触发时执行的函数。
      效果:

     $("form").submit(function(e){
          alert("Submitted");
        });
  • 相关阅读:
    正则表达式(一个字符串翻转的例子)(http://www.cnblogs.com/hai98)
    电话号码正则表达式
    用哪种方法判断字符串为空更快速
    SQL内数据类型
    正则表达式基础(http://www.cnblogs.com/hai98)
    随机生成数
    C#源码 备份和恢复数据库
    ajax技术制作得在线歌词搜索功能
    ReadyGo新闻管理系统 1.5版 无任何使用限制
    最新完成的asp.net 2.0网站
  • 原文地址:https://www.cnblogs.com/nmxs/p/4949849.html
Copyright © 2011-2022 走看看