获得焦点和失去焦点事件的应用
描述
获得焦点和失去焦点事件的应用
代码
.info{color:#888888;
}.error{color: red;
}.right{color: white;background-color: greenyellow;display: inline-block;height: 20px;width: 20px;border-radius: 20px;
}
function show(){document.getElementById("info").innerHTML="请输入11位手机号";document.getElementById("info").className="info";
}function check(obj){var tel = obj.value;if(tel.length == 11){document.getElementById("info").innerHTML="nice";document.getElementById("info").className="right";}else{document.getElementById("info").innerHTML="长度为11位";document.getElementById("info").className="error";}
}
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/index4.js"></script><link rel="stylesheet" href="css/index4.css"/></head><body>焦点事件:<input type="text" onfocus="show()" onblur="check(this)"/><span id="info" ></span></body>
</html>
运行效果图
获得焦点和失去焦点事件的应用相关推荐
- php 获得焦点,jquery中blur()失去焦点与focus() 获取焦点事件
以前我们在js中写input各种事件时都会直接在input中写,昨天开始我开始全面使用jquery了,现在来谈一下我对jquery blur() focus()事件的学习笔记. 对于元素的焦点事件,我 ...
- input失去焦点和获得焦点jquery焦点事件
input失去焦点和获得焦点jquery焦点事件插件, 鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一 ...
- Qt获得焦点和失去焦点处理事件 (Focus事件)
Qt获得焦点和失去焦点处理事件 (Focus事件) 方法一: 描述:一开始我要实现的目的就是,在一个窗体上有多个可编辑控件(比如QLineEdit.QTextEdit等),当哪个控件获得焦点,哪个控件 ...
- Javascript基础(四):获得焦点和失去焦点事件
1.获取ID的函数 在说获取焦点和失去焦点事件之前,先说说封装获取ID的函数.一般在实际操作中,会经常用到提取某个元素的ID,如果每条都列,想必非常麻烦.一般如果有很多ID需要提取的情况基本都用提取I ...
- js离焦事件_jquery 获得焦点和失去焦点事件
前端网站中如果存在一些让用户填写内容的表单元素的话,我们可以使用JQ中获得焦点事件和失去焦点事件,来给用户作出一些提示的内容.今天我们就说一说JQuery下获得焦点和失去焦点的事件的使用方法. jqu ...
- JavaScript表单事件 获取焦点:focus 失去焦点:blur 输入事件:input 变化事件:change
JavaScript表单事件 焦点处理 焦点处理主要包括focus(获取焦点)和blur(失去焦点)事件类型.所谓焦点,就是激活表单字段,使其可以响应键盘事件. 获取焦点:focus 当单击或使用Ta ...
- WPF Window 窗口获得焦点和失去焦点事件
Window 窗口获得焦点和失去焦点事件(窗口变为背景窗口.窗口切换等都引起窗口焦点失去) Activated获得焦点事件 和 Deactivated失去焦点的事件: Activated: 获 ...
- html5文本框获取焦点,文本框获得焦点和失去焦点的判断代码
文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后, ...
- java文本框获得输入焦点_文本框获得焦点和失去焦点的判断代码
文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后, ...
最新文章
- 什么是Java Marker Interface(标记接口)
- python写接口测试代码_python写运单接口测试(增改查)完整代码
- 【渝粤教育】广东开放大学 会议运行管理 形成性考核 (38)
- 有望支撑半年时间!华为麒麟9000芯片库存约为1000万片
- DWZUI(1.3)框架中遇到的两个问题
- html js关闭浏览器,js关闭页面(兼容浏览器)
- 安装问题的审计(产生漏洞,抓包)
- 算法笔记_面试题_10.所有可能的满二叉树
- 简单的POST sql注入
- Python 鸡肋面试题总结
- ruoyi框架默认的导出Excel功能代码简析
- UI界面视觉设计之图片和图标
- SQLite管理软件 - SQLiteSpy
- APP开发接入广告平台及应用市场(应用分发平台)记录
- 通过云片网实现短信以及验证码的发送
- 【计算机毕业设计】二手车交易网站
- 3d游戏建模|3D电影、游戏角色是怎么制作的?
- jQuery实现图片卡片层叠式切换效果
- 虚拟局域网软件开源_老牌沙盒虚拟软件免费开源,可以不用虚拟机了
- 2022年团体程序设计天梯赛初体验【个人题解L1-L2】