onblur和onfocus

onfocus获得焦点

onblur失去焦点

例子：

.red{
border:1px solid red;
}
span{display:none;}

姓名：<input type="text" id="inp" class="no"> <span id="tip">请输入您的姓名</span>

var hqsrk =document.getElementById('inp')
tip = document.getElementById("tip");

hqsrk.οnfοcus=function(){
tip.style.display="block";
tip.innerHTML="请输入您的姓名";
}
hqsrk.οnblur=function(){
var abc = this.value;　　//用于获取文本框的值，value用于获取表单元素的值
if (abc.length==0) {
tip.innerHTML="用户名不能为空"; //更改span标签的内容
inp.className="red"; //更改样式名字将no改成red
}else{
tip.style.display="none";
inp.className="no";
}
}

转载于:https://www.cnblogs.com/jian1234/p/9687224.html

onblur和onfocus相关推荐

onBlur和onfocus事件
往往在做网页的时候会遇到要对一些表单控件做一些定制的背景渲染,下面一些关于文本框的onBlur和onfocus事件.此Demo是实现了当文本框获得焦点的时候输入背景为"黄色",当文 ...
在php中焦点事件,Js中的onblur和onfocus事件（图文教程）
html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作.本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用. 一. ...
Js中的onblur和onfocus事件
html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作.本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用. 一. ...
JavaScript 事件 onblur 与 onfocus 区别
一.onblur 1.1 说明 onblur属性在元素失去焦点时触发,onblur常用于表单验证代码(例如用户离开表单字段). 1.2 示例 <input type="text&quo ...
python点击事件onclick_巨蟒python全栈开发数据库前端6:事件onclick的两种绑定方式onblur和onfocus事件window.onload解释小米商城讲解...
1.回顾上节内容(JavaScript) 一.JavaScript概述 1.ECMAScript和JavaScript的关系 2.ECMAScript的历史 3.JavaScript是一门前后端都可以 ...
获取焦点(onFocus)和失去焦点（onBlur）（js）
获取焦点(onFocus):鼠标进入input框触发失去焦点(onBlur):鼠标离开input框触发 <input type="text" onblur="ge ...
WEB前端 -- 下拉框的触发事件分析（onchange、onfocus、onclick）
select的onChange事件问题解决 (onchange.onfocus.onclick.onmousedown) 一.onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第 ...
PYTHON学习笔记-DAY-16
作业问题: 1. 写页面是觉得丑 float,clear:both,margin,padding position: left: 网上找模板 HTML模板,BootStrap 2. 背景图片 HTML ...
DIV焦点事件详解 --【focus和tabIndex】
添加 tabindex='-1' 属性: 默认:获取不到焦点事件(blur) 1 <div class="wl-product" id="wl-product&qu ...
Javascript 的addEventListener()及attachEvent()区别分析
Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点.d ...

onblur和onfocus

onblur和onfocus相关推荐

最新文章

热门文章