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

最新推荐文章于 2022-06-22 14:46:27 发布

JACKASDFGHJKL

最新推荐文章于 2022-06-22 14:46:27 发布

阅读量359

点赞数

分类专栏：等待自己学习的东西文章标签： javascript xhtml ViewUI

本文链接：https://blog.csdn.net/JACKASDFGHJKL/article/details/84228388

版权

等待自己学习的东西专栏收录该内容

15 篇文章 0 订阅

订阅专栏

http://blog.csdn.net/zyxlinux888/article/details/7391240

定义和用法

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" οnclick="setFocus()" value="Set focus" />
<input type="button" οnclick="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="请输入关键字" οnfοcus="chg()" οnblur="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="请输入关键字" οnfοcus="chg()" οnblur="newChg()">

</body>
</html>

JACKASDFGHJKL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML DOM focus()和blur()方法输入框鼠标指过自动消失鼠标离开显示 js

http://blog.csdn.net/zyxlinux888/article/details/7391240 定义和用法focus() 方法用于在密码域上设置焦点。语法passwordObject.focus()实例下面的例子可设置或移开密码域上的焦点：&lt;html&gt;&lt;head&gt;&lt;script...
复制链接

扫一扫