JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果

本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：

思路：

1、首先用把密码框用txt暂时替代，并赋上默认值

<input

type="text"

value="请输入密码"

/>

2、当文本框获取焦点后，把默认值清空，把type改为password。

3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。

JS代码：

windowonload=function(){

var

input=documentgetElementById('input');

inputonfocus=function(){

if(thisvalue=='请输入密码'){

thisvalue='';

thistype='password';

};

};

inputonblur=function(){

if(!thisvalue){

thistype

=

'text';

thisvalue

=

'请输入密码';

};

};

};

HTML代码：

复制代码

代码如下:

<input

type="text"

value="请输入密码"

id="input"

/>

希望本文所述对大家JavaScript程序设计有所帮助。

var input = documentgetElementById( "abc" );

    var val = inputvalue;

    inputfocus();

    inputvalue = '';

    inputvalue = val;

js我的focus获得焦点无效，是参数设置错误造成的，解决方法如下：

1、首先新建一个html文件，创建a标签和两个按钮。

2、然后创建js函数getfocus()。

3、函数获取a标签的焦点。

4、创建js函数losefocus()。

5、函数内容为失去焦点，为按钮添加点击事件触发函数。

6、最后预览效果如图，当点击获取焦点按钮a标签获取焦点，点击失去焦点，焦点消失。

以上就是关于JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果全部的内容，包括:JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果、JS，关于focus()定位焦点的问题。、js为什么我的focus获得焦点无效等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！