인풋박스 엔터키 입력되면 다른페이지로 넘기기
자바스크립트 키 이벤트에서 keyup과 keydown이 있는데 인식을 하게 하기위해선 눌렸을때가 아니라 올라왔을때 입니다.
즉, keyup을 사용해야 합니다.
아래는 jquery를 이용한 방법입니다.
<script>
$(document).ready(function()
{
//
$('#query').keyup(function(event)
{
if (event.key == "Enter") {
var searkw = $("#query").val();
// console.log(searkw);
// console.log(url_search);
$(location).attr('href', url_search);
}
});
});
</script>
페이지가 로딩된 다음
덱스트 인풋박스에서 뭔가를 입력하고 엔터키를 입력하게 되면 현재 입력된것을 키워드로 넘겨줘 페이지 이동되게 하는 예제 입니다.