Java Swing PasswordField占位符实现求助：点击时清空默认文本

嘿，这个需求挺实用的，我来给你分享几个靠谱的实现思路，核心就是利用焦点监听来触发文本的清空和恢复操作：

1. 基于焦点监听器的基础实现 #

不管你是用原生的PasswordField组件还是自定义的PasswordField类，都可以通过添加焦点监听来实现这个功能。下面以Java Swing的JPasswordField为例，给你写个完整的示例：

import javax.swing.*;
import java.awt.Color;
import java.awt.event.FocusEvent;
import java.awt.event.FocusListener;

public class PlaceholderPasswordField extends JPasswordField {
    private final String placeholder;

    public PlaceholderPasswordField(String placeholder) {
        this.placeholder = placeholder;
        // 初始化显示占位符，设置灰色区分输入内容
        setText(placeholder);
        setForeground(Color.GRAY);
        
        // 添加焦点监听逻辑
        addFocusListener(new FocusListener() {
            @Override
            public void focusGained(FocusEvent e) {
                // 获取焦点时，若当前是占位符则清空并切换字体颜色
                if (new String(getPassword()).equals(placeholder)) {
                    setText("");
                    setForeground(Color.BLACK);
                }
            }

            @Override
            public void focusLost(FocusEvent e) {
                // 失去焦点时，若输入框为空则恢复占位符和灰色字体
                if (getPassword().length == 0) {
                    setText(placeholder);
                    setForeground(Color.GRAY);
                }
            }
        });
    }

    // 测试用例
    public static void main(String[] args) {
        JFrame loginFrame = new JFrame("登录界面");
        PlaceholderPasswordField passwordField = new PlaceholderPasswordField("请输入密码");
        passwordField.setBounds(60, 60, 220, 35);
        
        loginFrame.add(passwordField);
        loginFrame.setSize(350, 200);
        loginFrame.setLayout(null);
        loginFrame.setVisible(true);
        loginFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }
}

注意：JPasswordField的getText()方法已过时，所以用new String(getPassword())来获取当前输入的文本内容。

2. 如果你是Web端开发（HTML/JS） #

要是你做的是网页登录界面，实现起来更简单。原生HTML5的password输入框本身支持placeholder属性，但如果需要自定义样式或兼容旧浏览器，可以用JS手动实现：

<input type="password" id="passwordInput" value="请输入密码" style="color: #999;">

<script>
const passwordInput = document.getElementById('passwordInput');
const placeholderText = '请输入密码';

// 聚焦时清空占位符
passwordInput.addEventListener('focus', () => {
    if (passwordInput.value === placeholderText) {
        passwordInput.value = '';
        passwordInput.style.color = '#333';
    }
});

// 失焦时恢复占位符（如果输入为空）
passwordInput.addEventListener('blur', () => {
    if (passwordInput.value.trim() === '') {
        passwordInput.value = placeholderText;
        passwordInput.style.color = '#999';
    }
});
</script>

核心逻辑都是一致的：监听输入框的焦点变化，判断当前文本是否为占位符，再执行对应的清空或恢复操作。

内容的提问来源于stack exchange，提问作者Call Me James