2014-04-15 4 views
0

입력 폼을 변경하는 방법에 관한 많은 예제를 보았습니다. 그러나 입력 필드를 iPhone 키보드 팝업의 일부로 만들고 싶습니다.iPhone 키보드 팝업에 입력 필드를 추가하는 방법

입력 필드가있을 때마다 키보드가 튀어 오르고 입력 필드가 눌려집니다 - 입력 필드가 "따라 가기"키보드가있는 경우 어떻게 든 "포함"되어야합니다 - 그러나 나는 자바 스크립트 코드를 보지 못했다

키보드를 사용하여 입력 필드를 얻거나 적어도 정확하게 입력 필드를 얻으려면 JavaScript를 사용할 수 있습니까?

+0

이 답을 볼 수 있습니다, 그것은 당신을 도울 것입니다 : http://stackoverflow.com/questions/21042126/what-is-best-approach-to-create-customize-keypad/21042580#21042580 – Alok

+0

이 예제를 완전히 이해하지 못한다. 완전히 새로운 키보드 레이아웃을 커스터마이징하는 것은 내가 원하는 것이 아니다. 폼에 직접 입력 필드를 추가하거나 키보드의 레이아웃 위치를 따르도록 입력 필드를 얻는 것. 또한 예제는 자바 스크립트가 아니다 – serup

+0

phonegap을 사용하는 경우 objective-c를 사용하여이 기능을 만들 수 있습니다. 순수 js 솔루션을 찾고 있다면 해킹이 필요할 수 있습니다. –

답변

1

objective-c를 사용하지 않고이 작업을 수행하는 한 가지 방법은 css에서 키보드로 스크롤 업하도록 입력 스타일을 설정하는 것입니다.

input{ 
      position:absolute; 
      bottom:-16px; 
      width: 100%; 
      left:0; 
      height: 5%; 
      padding:0; 
      margin:0; 
     } 

을 창 변경의 바닥 때문에 키보드 입력 위치도 함께 변경됩니다 나오면 여기의 좀 해키 솔루션은 내가 키보드와 스크롤 입력 스타일을 사용하는 것입니다 만. 분명히 이것을 추가하여 더 멋지게 만들 수 있지만 잘하면 아이디어를 얻을 수 있습니다.

+0

올바른 방향으로 나아가는 단계처럼 들리 겠지만 – serup

+0

입력 필드에 대해 작동하는 것처럼 보입니다. 그러나 div 안에 입력 필드가 있고 대신 div 섹션에 대한 CSS 비율을 설정하려고하면 결과가 나타납니다 기대와 다르다. 입력란 크기를 변환하는 클래스가 있고 CSS를 사용하면 입력란의 크기가 변경됩니다. – serup

관련 문제