form input에서 enter로 submit 할 때, 웹페이지 refresh되는 현상

간단하게 shopping list 작성 웹페이지를 만들고 있었는데 input에서 enter를 쳐서 submit을 하고 싶었다. 하지만 submit이 되고 내용이 업데이트되었지만 갑자기 웹페이지가 새로고침이 되면서 list가 사라지는 것이다. 그래서 해결 방법을 찾았는데 그것은 바로

 <form onsubmit="return false;">
        <input class="typing" type="text" name="stuff" />
      </form>코드를 입력하세요

form에

onsubmit="return false;" 

이것을 붙이는 것이다. 이유는 아마 submit을 할 경우 자동으로 새로고침이 되는데 그것을 막아주는 것 같다. 현재 만들고 있던 웹페이지는 백엔드도 구현하지 않고 localstarage에 저장을 하는 구조도 아니므로 지금은 이렇게 해결해야겠지만 나중에는 백엔드 구현도 자유롭게해서 return false를 안붙이고 싶다 ㅎㅎ