【js练习】自动手动获取焦点、失去焦点事件

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>手动、自动获取和失去焦点事件</title><style type="text/css">#search{color:dimgray;} </style><script>//手动获取焦点：focus。自动获取焦点：onfocus。window.onload = function(){var oSearch = document.getElementById("search");oSearch.onfocus =function(){if(this.value=="百度一下"){this.value=";"};oSearch.onblur =function(){if(this.value==""){this.value="百度一下";};}   }}      </script></head><body><input id="search" type="text" value="百度一下"/><input id="button" type="button" value="搜索" /></body>
</html>

【js练习】自动手动获取焦点、失去焦点事件相关推荐

js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...
JS：文本框失去焦点事件、获得焦点事件
文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后, ...
获取焦点失去焦点事件
<style>input {color: gray;outline: none;}</style> </head> <body><input ty ...
【杂记】（input获取焦点失去焦点、获取input中输入的值、键盘事件、js事件、Math 属性、手机自适应meta定义、去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框）
1. input获取焦点失去焦点 input:focus{border:1px red solid:} 获取焦点 .focus()失去焦点.blur() 2. 获取input中输入的值 <inp ...
原生js操作input文本框注册获取焦点、失去焦点事件，设置文本框默认值
<input type="text" value="请输入关键字" class="gray" id="txtInput&qu ...
获取焦点和失去焦点事件
js处理获取焦点和失去焦点事件获取焦点:focus 失去焦点:blur var vcode = '' $('#code').blur(function(){//验证输入的验证码是否是发送的验证码co ...
checkbox 点击搜索失去焦点_jquery获取焦点和失去焦点事件代码
input失去焦点和获得焦点鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调 ...
html5 自动失去焦点,js input失去焦点事件
JS中,何为鼠标失去焦点事件??是onmouseout事件. 用法举例: 鼠标离开文本框的时候触发JS的chk()方法. js 怎样判断ipunt失去焦点 js input失去焦点事件 onfocus ...
JS焦点事件和事件冒泡
焦点事件 JS中focus事件获得焦点,blur失去焦点,这些事件默认情况下只有表单可以触发,如果想让div等元素触发需要加tabindex属性 <div class="list&qu ...

【js练习】自动手动获取焦点、失去焦点事件

【js练习】自动手动获取焦点、失去焦点事件相关推荐

最新文章

热门文章