zoukankan      html  css  js  c++  java
  • input文本框设置移除默认内容(兼容IE低版本)

    这里实现的目标是:设置和移除文本框的默认值,鼠标放上去,文字消失

    HTML代码如下:

    JS实现方式如下:

     <input type="text" class="search" value="请输入关键字进行搜索" id="menu_search" 
    onfocus
    ='if(this.value=="请输入关键字进行搜索"){this.value="";};'
    onblur='if(this.value==""){this.value="请输入关键字进行搜索";};' />

    JQ实现方式:

    $(function(){
      var vdefault = $('#keyword').val();  
        $('#keyword').focus(function() {  
                //获得焦点时,如果值为默认值,则设置为空  
                if ($(this).val() == "请输入搜索关键词") {  
                    $(this).val("");  
                }  
            });  
        $('#keyword').blur(function() {  
                //失去焦点时,如果值为空,则设置为默认值  
                if ($(this).val()== "") {  
                    $(this).val("请输入搜索关键词"); ;  
                }  
            });  
     })

    推荐第一种:兼容性比较好!

  • 相关阅读:
    对协程的一些理解
    JUC中Lock和ReentrantLock介绍及源码解析
    JUC中AQS简介
    Executor框架简介
    CyclicBarrier简介
    CountDownLatch简介
    Semaphore简介
    ThreadPoolExecutor简介
    AtomicInteger简介
    synchronized和volatile简介
  • 原文地址:https://www.cnblogs.com/circleone/p/7140841.html
Copyright © 2011-2022 走看看