이전 목록 다음
채택완료

input 태그에 일정 문구를 치면 웹페이지를 이동시키고 싶습니다

헤헤븐코리아
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-05-18 (수) 20:39:04 4,102
일정한 문구를 치면

다른 페이지로 이동시키고 싶은 상황인데요 ㅠ

홈페이지 이용자가 input type ="text"의 input 태그에다가 미리 제시된 문구와 같은 문구를 타이핑 하면 

다른 페이지로 이동시키고 싶습니다.

혹시 알려주실수 있는 분 계신가요
javascript
|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
SLOOP
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-05-18 (수) 20:45:42

input박스에 keypress 이벤트로 키 누를때마다 이벤트를 일으키시고

if문으로 만약 정해진 문자와 같다면

window.location.href = "이동할 페이지"; 이런식으로 이동시켜주세요.

답변에 대한 댓글 1개

헤븐코리아
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-05-18 (수) 20:50:15
감사합니다 ㅠ
근데 input 타입이 text인데요
입력한 값을 가져오는 방법이

<input type="text" id="typing" name="typing" class="typing" style="width:100%" >
var b = document.getElementById("typing").innerText

이런식으로 하면 맞나요?
SLOOP
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-05-18 (수) 21:15:34

$("#typing").val();

하면 됩니다.

헤헤븐코리아
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-05-18 (수) 21:07:25

        <div class="textTest">

        크크크크

        </div>

<div class="container">

<input type="text" id="typing" name="typing" class="typing" style="width:100%" onkeypress="eventonkeypress()" >

</div>

<script type="text/javascript">

<!--

  function eventonkeypress(){

var b = document.getElementById("typing").value;

    if( b =="크크크크"){

window.location.href='http://www.naver.com/';

};

  };

-->

</script>

 요런식으로 짜보니까 되긴하는데 마지막에 스페이스 같은 키를 한번더 입력해야 

 다른페이지로 랜딩이 되네요 ㅠ 방법이 없을까요?

답변을 작성하려면 로그인이 필요합니다.