博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQ效果:jQuery,JS实现验证聚焦,失焦
阅读量:7201 次
发布时间:2019-06-29

本文共 969 字,大约阅读时间需要 3 分钟。

 jquery实现验证聚焦,失焦方法

我还是喜欢用jquery来实现,不管页面中多少个输入框需要实现聚焦,失焦,都公有,我常用的方法是:

遍历该页面中的input框,获取输入框中的val值,当该输入框聚焦的时候跟存放的oldValue值进行比较,如果值相同,就把该值变为空,失焦的时候,把原来存放的值再次赋值到val上,具体代码如下:

$(function(){    $("input[class*=input]").each(function(){         var oldValue=$(this).val();                $(this).focus(function(){             if($(this).val()==oldValue){            $(this).val('');            }           })       .blur(function(){        if($(this).val()==""){            $(this).val(oldValue)            }        })          });})

js实现方法一:直接在input中添加

js实现方法二

html代码:

js代码如下:

function addListener(element,e,fn){     if(element.addEventListener){          element.addEventListener(e,fn,false);     }else{         element.attachEvent("on" + e,fn);     } } var myinput = document.getElementById("myinput"); addListener(myinput,"focus",function(){     myinput.value = ""; }) addListener(myinput,"blur",function(){     myinput.value = "聚焦吧"; })

当然当页面中有聚焦,失焦的时候,我还是推荐使用jquery的这种实现方式的。

转载地址:http://jewum.baihongyu.com/

你可能感兴趣的文章
Exchange Server 2013 用户OWA的相关配置
查看>>
Ubuntu14.04下的LDAP的搭建配置说明
查看>>
一些截图
查看>>
AndroidStudio中使用Android.mk
查看>>
YII2.0 高级模板-添加自定义模板
查看>>
Cisco 思科网络设备模拟器 GNS3 使用指南
查看>>
Android版添加phonegap--百度api定位插件教程
查看>>
arm c中字节对齐
查看>>
51cto我来了
查看>>
Linux的Web服务基础概念
查看>>
LNMP搭建
查看>>
RecyclerView的基础使用
查看>>
nginx学习笔记
查看>>
安装PHP扩展eaccelerator加速器
查看>>
SVN 学习
查看>>
SmartSVN设置ignoreList
查看>>
ios-网址中的中文或者非法字符转换
查看>>
自定义通知与系统通知的学习(详解)
查看>>
[翻译]Selenium自动化测试框官网翻译-目录
查看>>
Application tried to present modal view controller on itself
查看>>