diff --git a/breaking-front/src/components/PostWriteCommonForm/PostWriteCommonForm.js b/breaking-front/src/components/PostWriteCommonForm/PostWriteCommonForm.js index e27eb663..86e627dc 100644 --- a/breaking-front/src/components/PostWriteCommonForm/PostWriteCommonForm.js +++ b/breaking-front/src/components/PostWriteCommonForm/PostWriteCommonForm.js @@ -28,6 +28,16 @@ const PostWriteCommonForm = ({ onChangeData, data, setData }) => { setIsShowPriceInput((pre) => !pre); }; + const nextInputFocus = (event) => { + if (event.key === 'Enter') { + event.preventDefault(); + event.target.blur(); + const form = event.target.form; + const index = Array.prototype.indexOf.call(form, event.target); + form.elements[index + 1].focus(); + } + }; + return ( <> @@ -51,6 +61,7 @@ const PostWriteCommonForm = ({ onChangeData, data, setData }) => { value={data.title} onChange={onChangeData} name="title" + onKeyDown={nextInputFocus} /> { onChange={handlePrice} onBlur={toggleShowPriceInput} onFocus={toggleShowPriceInput} - onKeyDown={(event) => { - if (event.key === 'Enter') { - event.preventDefault(); - event.target.blur(); - } - }} + onKeyDown={nextInputFocus} />