HTML5 - 원치 않는 모바일 브라우저의 <form> 자동 포커스

Question

내 가입 페이지에는 두 가지 형식이 있습니다. 모바일 브라우저 (Android 및 iOS에서 확인)의 페이지로 이동하면 두 번째 양식의 첫 번째 입력 요소에 자동으로 초점을 맞추고 키보드를 열어 첫 번째 양식을 뛰어 넘습니다.

내가 원하는 것은 사전 서명 지침을 건너 뛰기 때문에 완전히 자동 초점을 멈추는 것이다. 어느 형태가

• autofocus 속성이
• 나 '설정 (/ 방법 이런 일이 발생하고,이 초 양식을 선택하는 이유에 초점을! 이유는 을 이해하는 것이 좋은 것입니다하지만) 페이지 (관련이없는 이유) 렌더링 된 후에 실행 차이
• I가 $(window).scrollTop(0) - - 나는 유성을 사용하고 차이가 없습니다
• 을 id="top"을 추가하고 /signup#top에 연결되지 시도했다 시맨틱 UI
• 첫 번째 양식/블레이즈 내 자신의 두 번째 형태는 userAccounts 패키지 가입 양식

<div class="ui segment"> 
    <p>Information that is skipped past</p> 

    <form class="ui form" id="welcomeFormEmail"> 
    <input type="email" name="preLaunchEmail" placeholder="Your email address"> 
    <button type="submit">Submit</button> 
    </form> 

<div class="at-pwd-form"> 
    <form id="at-pwd-form" action="#" method="POST" class="ui large form"> 
    <div class="ui stacked segment"> 
     <div class="at-input required field"> 
     <div class="ui fluid input icon"> 
      <input type="email" id="at-field-email" name="at-field-email" placeholder="Email" autocapitalize="none" autocorrect="off"> 
     </div> 
     </div> 

<!-- Various other fields --> 
<!-- Various other fields --> 
<!-- Various other fields --> 

    <input type="submit" class="at-btn ui fluid large primary button" id="at-btn" value="Register"> 
    </div> 
</form> 
</div> 
</div> 

이런 일이 무엇을 중지 할 왜 어떤 아이디어이다?

Answer 1

당신이에서 getElementById를 사용하여 얻을 설정할 수 있습니다 당신은 단지 하나 개의 텍스트 입력이있는 경우가

document.getElementById("myAnchor").blur(); 

을 흐리게

당신은 흐림 사용할 수 있지만 여러 텍스트 입력이있는 경우이 루프의 모든 입력을 취득하는 귀하의 페이지 및 모두에 초점을 비활성화하십시오

var elelist = document.getElementsByTagName("input"); for(var i = 0; i < elelist.length; i++){ 
    elelist[i].addEventListener("focus", function(){ 
     this.blur(); 
    }); }