zoukankan      html  css  js  c++  java
  • jquery 触发/失去焦点事件例子详解

    触发焦点:

    $("Element").focus()

    触发每一个匹配元素获得焦点事件。

    $("Element").focus(function)

    事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法。


    失去焦点:

    $("Element").blur()

    触发每一个匹配元素失去焦点事件。

    $("Element").blur(function)

    事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的行为,并且绑定一个处理方法。

    例子一

    代码如下 复制代码
    $(document).ready(function(){
    $(".regbox .textb").bind("focus",function(){});
    $(".regbox .textb").bind("blur",function(){});
    $("input").css({"background-colo(www.111cn.net)r":"#fff3de"});
    //if (screen.width>=1280){}else if (screen.width<1280){}


    })

    例子二

    代码如下 复制代码
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function () {
    $('#username').focus(function ()//得到教室时触发的时间
    {
    $('#username').val('');
    })
    $('#username').blur(function () 失去焦点时触发的时间
    {
    if ($('#username').val() == 'marry') {
    $('#q').text('用户名已存在!')
    }
    else { $('#q').text('ok!') }
    })

    from:http://www.111cn.net/wy/jquery/60507.htm

  • 相关阅读:
    vscode 多文件编译
    Spring
    tomcat server.xml详细解析
    XML解析——Java中XML的四种解析方式
    MyBatis-config配置信息
    java学习笔记--JDBC实例
    50道经典的JAVA编程题(目录)
    Java8 函数式编程详解
    递归,--遍历多维数组
    eslint关闭配置--vue-webpack
  • 原文地址:https://www.cnblogs.com/phpfans2012/p/4001322.html
Copyright © 2011-2022 走看看