本文主要是介绍javascript密码框密码的显示与隐藏实例讲解（可应用于一个正反来回变换的事件），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
实例：实现一个密码输入框，输入的密码：显示与隐藏功能
1.0 实现效果：
点击眼睛，实现密码框密码的展示与隐藏，同时切换图片
1.1 主要思路：
- 设置一个标志位（默认为0，只设置为0或1）
- 对眼睛图标进行监听，根据标志位的值（0或1）进行不同操作，并注意在最后修改标志位的值
- 修改标志位的值是为了下次点击实现切换不同的操作
1.2 代码实现：
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {position: relative;这篇关于javascript密码框密码的显示与隐藏实例讲解（可应用于一个正反来回变换的事件）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
