cordova-plugin-ionic-keyboard

cordova-plugin-ionic-keyboard

URL : https://github.com/ionic-team/cordova-plugin-ionic-keyboard

왜쓰나요?

--

form을 만들때 input 이나 textarea에서 이벤트를 캐치하여 해당위치로 이동시킴

내맘대로 개조해서 사용했다.

//키보드 이벤트 추가

window.addEventListener('keyboardDidShow', function(event){

//키보드만큼 여백을주고 해당 이벤트에 포커스를 둔다.

var keyBoardHeightDiv = "<div class='keyBoardHeightDiv' style='height:"+event.keyboardHeight+

"px;width:100%;'></div>";

$(".page-content").eq(0).append(keyBoardHeightDiv);

var container = $(".page-content").eq(0);

var scrollTo = $(".page-content").eq(0).find(":focus").offset().top;

$(".page-content").eq(0).animate({

scrollTop: scrollTo - container.offset().top + container.scrollTop()

});

});

window.addEventListener('keyboardDidHide', function(){

//여백 삭제

$(".page-content").eq(0).find(".keyBoardHeightDiv").remove();

});