• 技术文章 >web前端 >js教程

    控制input输入框中提示信息的显示和隐藏的方法_javascript技巧

    2016-05-16 17:00:21原创1729
    在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节。比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~

    一、要求

    input输入框,在光标显示时,隐藏提示信息;光标离开输入框时,显示提示信息。

    二、方法

    1、给该input取id名,Onfocus=”方法名1(this)”,onblur=”方法名2(this)”

    2、声明变量value,通过id名获得该input

    3、function 方法名1(inputObj){
    复制代码 代码如下:

    if(inputObj.value==”……”){

    inputObj.value=””;

    }

    }

    4、function 方法名2(inputObj){
    复制代码 代码如下:

    if(inputObj.value==””){

    inputObj.value=”……”;

    }

    }

    5、注意:如果同一个页面中有多个input标签需要同样的设置,则方法名不能一致。

    三、实例
    复制代码 代码如下:





    无标题文档








    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:jquery选择checked在ie8普通模式下的问题_jquery 下一篇:raphael.js绘制中国地图 地图绘制方法_javascript技巧
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 聊聊Node.js path模块中的常用工具函数• JavaScript隐藏机制之垃圾回收知识总结• 手把手带你使用node开发一个命令行压缩工具• node实战之开发一个mycli命令行工具• JavaScript总结之18种常用数组方法
    1/1

    PHP中文网