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>

相关文章推荐

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

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

input框失去获得焦点

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

如何隐藏和显示HTML标签

当做登录页面时,总是会显示 登录状态 和 未登录状态 。这两种状态,可能会将一些控件隐藏,或者将一些控件显示,这个是很常见的。   我这里用的是 display 。简单介绍一下,什么是 displa...

JS鼠标事件(监听鼠标点击/释放,鼠标悬停/离开等)

Javascript 事件 body {background-color:#eeeeee} div.greenBtn

dwz中的选择器选完数据鼠标放在输入框显示全部数据

dwz框架学习笔记之(六) 项目中的一些模块需要选择器功能,而选择的数据分为多选和单选,而我做的就是在两个输入框,一个是选择数据带回单个数据,另一个是选择带回多个数据,带回后都要显示在输入框。由于选...

CComboBox控件的下拉列表框,用鼠标在该ListBox上滑动的时候显示出当前具有focus的item项的索引

// 在CComboBox控件的下拉列表中滑动鼠标,会显示当前focus的item项,同时会将对应的item项以蓝色标记出来。通过spy++可以看到父窗口CComboBox控件收到一个WM_CTLCO...

鼠标悬浮到表格的单元格上,将弹出一个框,框中显示这个单元格的内容。框失去焦点,框也消失。利用jQuery+javascript写的。

aaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbb cccccccccc ddddddddd 代码如下 $(function()...

禁止input输入框的鼠标滚轮事件详解

现代浏览器发展的越来越智能,新增了很多的效果,比如说input输入框,当将其type设置为number的时候,在其获得焦点的时候,滚动鼠标的滚轮可以增加其数值,,但在有些情况的时候并不太适合,比如说在...

js“DOM事件”之鼠标事件、js的测试方法、js代码的放置位置

今天的js课上主要讲了js的函数、鼠标事件及应用。 现将常用的鼠标事件总结如下:onclick:鼠标点击事件 onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 onmouse...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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