fix: 添加登录表单 Enter 键提交功能

This commit is contained in:
sunday-ma
2026-01-08 14:16:38 +08:00
parent ee99836285
commit fea29f7318

View File

@@ -1,4 +1,4 @@
import { useEffect, useMemo, useState } from 'react';
import React, { useEffect, useMemo, useState } from 'react';
import { Navigate, useNavigate, useLocation } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import { Button } from '@/components/ui/Button';
@@ -81,6 +81,13 @@ export function LoginPage() {
}
};
const handleSubmitKeyDown = (event: React.KeyboardEvent) => {
if (event.key === 'Enter' && !loading) {
event.preventDefault();
handleSubmit();
}
}
return (
<div className="login-page">
<div className="login-card">
@@ -129,11 +136,13 @@ export function LoginPage() {
)}
<Input
autoFocus
label={t('login.management_key_label')}
placeholder={t('login.management_key_placeholder')}
type={showKey ? 'text' : 'password'}
value={managementKey}
onChange={(e) => setManagementKey(e.target.value)}
onKeyDown={handleSubmitKeyDown}
rightElement={
<button
type="button"