천천히 알아가는 세상

안녕하세요. React에서 Enter 이벤트 설정하는 방법에 대하여 알아보겠습니다. keyCode를 이제는 안 쓰는 것으로 알고 있지만, 아직 사용하는 곳도 있을 수 있기 때문에 2개다 작성하였습니다. keyCode는 필요 없으면 삭제하셔도 무방합니다. onKeyPress는 이제 사용하지 않으므로 onKeyDown으로 구현하겠습니다. EnterTest.jsx 아이디를 입력하는 input 창에서 커서를 두고 Enter를 입력하면 이벤트가 발생합니다. export default function EnterTest() { const onSubmitEnter = (e) => { // if(e.key === 'Enter' || e.keyCode === 13) { if(e.key === 'Enter') { // 엔터..

안녕하세요. 이번에는 Enter 값을 replace() 함수를 이용하여 변경하는 방법에 대해서 알아보겠습니다. 우선, 사용자가 글 입력 후 데이터를 MySQL에 저장할 때는 Enter 값이 이상 없이 들어가는 것처럼 보이지만, JavaScript로 다시 데이터를 불러올 때 값을 제대로 읽지 못하여 Error가 발생하는 현상이 있었습니다. 그래서 Enter 값을 변경해서 저장하는 방식을 구현해 봤습니다. MySQL에 데이터 저장 시 Enter 값을 으로 변경 후 저장하기 // content에서 엔터키 입력 저장 시 에러 발생 확인 // mysql 저장 할 때 엔터 키를 로 변경하여 저장 content: req.body.content.replace(/(?:\r\n|\r|\n)/g, ' ') MySQL에 저장..

안녕하세요. JQuery에서 Enter 이벤트 작성하는 방법입니다. login_id 아이디를 가진 곳에서 Enter를 클릭하면 이벤트가 발생합니다. keyCode를 이제는 안 쓰는 것으로 알고는 있지만, 아직 사용하는 곳도 있기 때문에 2개다 작성하였습니다. $("#login_id").keydown(function (key) { if (key.key == "Enter" || key.keyCode == "13") { user_login(); } }); 감사합니다.

안녕하세요. 자바스크립트에서 Enter 이벤트 작성하는 방법입니다. login_pw 아이디를 가진 곳에서 Enter를 클릭하면 이벤트가 발생합니다. keyCode를 이제는 안 쓰는 것으로 알고는 있지만, 아직 사용하는 곳도 있기 때문에 2개다 작성하였습니다. document.getElementById('login_pw').addEventListener('keydown', (e) => { if (e.key == "Enter" || e.keyCode == "13") { // 실행할 코드 user_login(); } }); 감사합니다.