HTML DOM focus()和blur()方法 输入框鼠标指过自动消失鼠标离开显示 js

转载 2012年03月24日 22:24:25

定义和用法

focus() 方法用于在密码域上设置焦点。

语法

passwordObject.focus()

实例

下面的例子可设置或移开密码域上的焦点:

<html>
<head>
<script type="text/javascript">
function setFocus()
  {
  document.getElementById('password1').focus()
  }
function loseFocus()
  {
  document.getElementById('password1').blur()
  }
</script>
</head>
<body>

<form>
<input type="password" id="password1" value="thgrt456" />
<input type="button" onclick="setFocus()" value="Set focus" />
<input type="button" onclick="loseFocus()" value="Lose focus" />
</form>

</body>
</html>
实例2:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>

<script type="text/javascript">
       function chg(){
       document.getElementById("setfocus").value="";
       }
       function newChg(){
       document.getElementById("setfocus").value="请输入关键字";
       }
</script>

</head>

<body>
<input type="text" name="name" size="15" class="input" id="setfocus" value="请输入关键字" onfocus="chg()" onblur="newChg()">

</body>
</html>

实例3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>

<script type="text/javascript">
function $(ID) {return document.getElementById(ID);}
function chg(){
$("setfocus").value="";
}
function newChg(){
    if($("setfocus").value==""){
        $("setfocus").value="请输入关键字";
        }
    else{return $("setfocus").value }
}
</script>

</head>

<body>
<input type="text" name="name" size="15" class="input" id="setfocus" value="请输入关键字" onfocus="chg()" onblur="newChg()">

</body>
</html>

js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件

onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseout 当...
  • ghjzzhg
  • ghjzzhg
  • 2017年01月16日 16:30
  • 7163

input标签实现让光标不出现!

最近遇到一个很让人着急的问题,我在运用input的标签的时候,我不想让光标出现,因为input内容是系统给定的,不让用户更改。 可能有人会说,直接用div模拟一个input出来,这样在条件允许的情况下...

html text失去焦点与得到焦点的事件

onclick="if(value==your email address){value=}"  单击的时候onblur="if(value==){value=your email address}"...

Dom学习之设置超链接获取焦点和失去焦点

知识点: 1、设置链接获取焦点的方法focus() 2、设置链接失去焦点的方法blur() a:active {color:green} function getfocus() {doc...

input框失去获得焦点

场景: 鼠标点击文本框取得焦点,缺省提示消失;鼠标移开文本框失去焦点,如果input为空,加入缺省提示; $(function(){ /*定义焦点和失去焦点事件*/ $.domFoc...

获得焦点与失去焦点事件

一 介绍 获得焦点事件(onfocus)是当某个元素获得焦点时触发事件处理程序。 失去焦点事件(onblur)是当前元素失去焦点时触发事件处理程序。 一般情况下,这两个事件是同时使用的。   ...

onBlur事件与onfocus事件(js) (光标到达和离开是触发事件)

onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html 使用onBlur事件处理程序 ...

Js中的onblur和onfocus事件

html页面中,诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一...

HTML DOM focus() 方法

function setFocus()   {   document.getElementById('password1').focus()   } function loseFocus() ...

HTML页面中,如何设置一个input输入框的焦点?

则使用js代码: document.getElementById("txtinput").focus();
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML DOM focus()和blur()方法 输入框鼠标指过自动消失鼠标离开显示 js
举报原因:
原因补充:

(最多只允许输入30个字)